Back to Plugins
Color Tokens
Document all your color variables in one place, exactly how you want them
documentationcolor variablesdocumentationcolor tokenvariablescontrast checkerdocument
Plugin Preview
About this plugin
Instructions:
- Copy the ColorToken component
- Apply your a color variable to the mainColor layer
- Run the plugin on a page with ColorToken instances
The variable name, HEX, RGBA, and aliases will be automatically populate for all ColorToken variants on the page. Additionally, you can turn on the contrast variable and apply any color, rerun the plugin and it will populate the contrast-ratio rating.
*Note: You can change component name but please do not rename layers.
Plugin Details
| Version | 3 |
|---|---|
| Created | September 12, 2023 |
| Last Updated | August 28, 2024 |
| Category | File organization plugins |
| Creator | Chandler Simon |
| Stats | 90 installs, 12 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.