Generate a palette from an image to magically populate your designs.
Generate a palette from an image to magically populate your designs.
This plugin provides two core functions:
Menu > Dominant Color Toolkit 🎨
and your palette will be generated.Note: To prevent overlapping frames from appearing in your designs, align your images 500px apart.
How does Smart Populate work?
Note: This plugin supports both image fills and background fills, using the first valid fill it can find. As a result, a frame with a background fill that has children shape and text layers will populate successfully!
Secret options: If you'd like to text layers to the dominant color rather than high-contrast color, simply include the text "dominant" anywhere in the layer name!
git clone https://github.com/brianlovin/figma-dominant-color-toolkit.git
cd figma-dominant-color-toolkit
npm install
npm run dev
plugins
directory in Figmafigma-dominant-color-toolkit/manifest.json
file as the manifest