Color Compass
Quickly navigate the color spectrum with designer-focused accuracy.
Plugin Preview
About this plugin
🌈 Quickly navigate the color spectrum with designer-focused accuracySay goodbye to eyeballing and colour picking randomly from the colour palette!Feed a base colour to this plugin by clicking on an existing element or updating the hex code and clicking 'Update'.Generate tints, shades, tones, and complementary colours to quickly build custom color palettes.Increase or decrease the step value to hone in on the exact shade you want.Experiment with different swatches and interact with elements directly from the plugin.Save favourite swatches and use them across all your Figma and Figjam filesDrag and drop saved swatches as you go---UpgradeYou will be asked to upgrade this plugin after 10 uses. Upgrading is a one time payment of $30 and includes all future updates and unlimited usage. Thank you for your support!You may contact the Figma team for a refund if you are unsatisfied with your purchase in any way.---➡️ To UseRun the plugin from FigmaSelect an element containing a fill, background, or strokeClick on the Update buttonClick on a plugin swatch while an element is selected to update a pre-existing fill, background, or stroke.➡️ Usage NotesCopy the hex code from the plugin by clicking on the clipboard iconSave an active swatch by clicking on the star buttonYou can keep clicking on Update to generate random colour palettes based on your previous colour selection.Click on the plus button in a palette to add the swatches to your document.This plugin will work on any element that is able to display a solid fill, stroke, or backgroundDrag and drop saved swatches to reorder them---If you run into any bugs or have any feature requests please submit an issue on Github.
Plugin Details
| Version | 47 |
|---|---|
| Created | September 13, 2019 |
| Last Updated | May 7, 2025 |
| Category | editing & effects plugins |
| Creator | Jaclyn Tan |
| Stats | 52016 installs, 1524 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the editing & effects plugins category.