-
(Optional) Before opening the plugin, select the element(s) who's fill color you want to use as a swatch.
-
Open the plugin and add/remove any swatches you want. Adding a new one will generate a new random color.
-
Back on the canvas, select all the elements you want and hit "Apply Colors". The selection will be filled randomly using the swatches.
The plugin doesn't automatically close so you can hit "Apply Colors" as many times as you like.
HINT: If you want more of one color than any others, add more swatches of that color.
First clone the repository and install the dev dependencies:
git clone [email protected]:craigmdennis/figma-apply-colors-to-selection.git
cd figma-apply-colors-to-selection
npm install
Then compile the source files:
npm run watch
The main plugin code is in src/code.ts
. The HTML for the UI is in
src/ui.html
, while the embedded JavaScript is in src/ui.ts
.
These are compiled to files in dist/
, which are what Figma will use to run
your plugin.