Skip to content
Color Tokens

Color Tokens

by Chandler Simon

Document all your color variables in one place, exactly how you want them

FreeFigma

Installs

151

Likes

19

Users

3,582

Views

3,132

Preview

Color Tokens preview

About this plugin

Instructions:

Copy the ColorToken componentApply your a color variable to the mainColor layerRun the plugin on a page with ColorToken instancesThe 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.

More file organization plugins plugins

View all