Back to Plugins

Variable Color Style Guide
🎨 Instant variable style guide generator!
design-systemswatchesgeneratordocumentationannotationscomponentscolor paletteautomaticcolor styles
Plugin Preview
About this plugin
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!
Plugin Details
Version | 5 |
---|---|
Created | August 8, 2023 |
Last Updated | February 20, 2024 |
Category | File organization plugins |
Creator | Sajid |
Stats | 2435 installs, 236 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/bundle.js
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://rsms.me
More Like This
Discover other plugins in the File organization plugins category.