/Figma-Frame-Organiser

Primary LanguageHTMLMIT LicenseMIT

Organise Frames in Figma to make them line up nicely

This project uses Vue3 Figma Plugin Template

There are a few ways you can use this template.

The simplest way is to hit 'use this template'

Or download the .zip of the repo.

Alternatively you can use this template as a template for your own github repo through the github cli

gh repo create "<YOUR REPO NAME>" -p "https://github.com/LukeFinch/Figma-Vue3-Template"

How to use?

  1. Install dependencies with npm i.
  2. Run npm run dev and a folder named dist will be created.
  3. In the Figma desktop app, click on Create new plugin / Link existing plugin and point it to the manifest.json in this project.
  4. Now you can edit the main Figma code from src/code.ts and the UI code from src/ui.vue. Hitting save will auto-reload the build so you can see your changes right away.
  5. When you're ready to publish the plugin, run npm run build to create a production build.