"Image Palette" Plugin in Figma
Source code for the "Image Palette" plugin:
https://www.figma.com/c/plugin/731841207668879837/Image-Palette
If you want to run this locally, you'll need [email protected], [email protected] and Figma's Desktop Application.
First clone this repo and install dependencies:
git clone https://github.com/mattdesl/figma-plugin-palette.git
cd figma-plugin-palette
npm install
Then you can run the development version:
npm run start
This will generate a dist
folder.
Now open a project in Figma Desktop, select Menu > Plugins > Development > New Plugin. Click "Choose a manifest.json" and find the manifest.json
file in figma-plugin-palette/dist/image-palette/manifest.json
.
Now you can run the plugin via Right Click > Plugins > Image Palette. You can also open the Console via that context menu, and re-run the last plugin via Cmd + Option + P.
Once you are happy, you can run the following to build a standalone and more optimized version:
npm run build
Note that you will need to change the "id"
in ./src/image-palette/manifest.json
if you wish to publish changes to your own plugin.