Back to Plugins
Easy Design Tokens
Generate Figma Variables from your brand colours in seconds
Plugin Preview
About this plugin
Easy Design Tokens lets you define your brand's colour, spacing, radius, and stroke values directly in Figma, then apply them as native Figma Variables in one click.Set your brand colours (with automatic opacity variants at 80, 60, 40 and 20%), text, surface and state colours, border radius, spacing scale, and stroke weights. All values are editable and you can add or remove tokens to match your project's needs.Your settings are saved between sessions, so you can update and reapply tokens as your design system evolves.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 2, 2026 |
| Last Updated | March 3, 2026 |
| Category | design-tools-other |
| Creator | Haydon |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the design-tools-other category.