Variable Color Style Guide

文件组织 · 207 likes

🎨 Instant variable style guide generator!

How It Works: Select Local Color Variable Collection: Begin by choosing the collection of local color variables you want to work with. Choose Desired Swatch Style: Pick from a variety of swatch styles to best represent your design. Done! Just like that, your variable style guide is generated. Features: Variable Bounded Swatches: 🎨 Ensure that your swatches are always linked to the right variable. Alias Variable Mapping: 🔗 Variable connection to its respective alias. Customizable Master Component: 🛠️ Tailor the master component to fit your design needs. Multiple Swatch Styles: 🌈 Choose from a range of swatch styles to best showcase your colors. Hyperlinked Navigation: 🔍 With instant index, instantly jump to any section. Unlimited Variable Modes Supported: 🔄 Work effortlessly across any number of modes. Bugs or Feature Requests? Discord 90.roosevelt - I'd love to hear of any ideas or issues you may have!

Open in Figma

Related plugins