A Figma plugin to scaffold your color token Variable collection in seconds. No blank slate. No naming guesswork.
token-setup gives you a Carbon-inspired semantic token structure out of the box. Select the groups you need, configure levels and states, and sync directly into your Figma Variable collection with one click.
Search token-setup in the Figma Community, or install directly: figma.com/community/plugin/1615009680241482416
- Open the plugin in any Figma file
- Select token groups (or click CORE for a sensible default)
- Configure levels, states, and modes as needed
- Click Sync to Figma — your Variable collection is ready
| Group | Type | Description |
|---|---|---|
| background | bg | Page-level background |
| surface | layered | Container / card backgrounds |
| surface-accent | bg | Decorative fills (tags, badges) |
| text | text | Text colors |
| link | link | Link colors and states |
| icon | icon | Icon colors |
| button | button | Button backgrounds and states |
| field | layered | Form input backgrounds |
| border | layered | Border colors |
| divider | bg | Separator lines |
| shadow | shadow | Shadow colors |
| overlay | bg | Modal / drawer overlays |
| skeleton | skeleton | Loading skeleton colors |
| interactive | layered | Shared interactive state color |
| support | support | Error, success, warning, info |
| focus | focus | Focus ring colors |
| gradient | gradient | Gradient stop colors |
Naming conventions inspired by Carbon Design System.
Tokens follow the pattern group/level-state, e.g.:
surface/01surface/01-hoversurface/01-pressedbackground/01background/inverse
All tokens are initialized with #FFFFFF as placeholder.
Fill in your brand colors after syncing.
This plugin is actively maintained. If you run into anything or have ideas, I'd love to hear from you.
Ways to reach out:
- Open an issue on GitHub — bug reports, feature requests, naming suggestions
- Quick feedback form
Helpful things to include:
- What token groups you selected
- What you expected vs. what happened
- Screenshot if something looks off
MIT