Color Compass

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---UpgradeBased on feedback, reading colours from your canvas, generating palettes, copying hex values and building your swatch library are now free.Upgrading the plugin unlocks applying a colour to your selection on the canvas and adding a palette to the canvas. Upgrade from the plugin whenever you want.---➡️ To UseRun the plugin from FigmaSelect an element containing a fill, background, or strokeUpdate the plugin's base colorClick 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 bookmark buttonYou can keep clicking on Update to generate random colour palettes.Click on a plus button to add the palette 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 have any feedback or suggestions please leave a comment or email me at [email protected].