Figma Plugin
Bootstrap variable collections and text styles in Figma from tokens.json.
Installation
- Download figma-plugin.zip and unzip.
- In Figma: Plugins → Development → Import plugin from manifest…
- Select
manifest.jsoninside the unzipped folder. - Run Plugins → Development → Prometheus Design System in any Figma file.
What it creates
- Variable collections: Brand, Spacing, Radius, Status Colors, Surface, Text.
- Text styles:
heading/page,heading/card-title,body/default,code/block, … - Elevation effect styles from the
elevationtokens.
Font fallbacks
The plugin tries the requested Figma family first, falls back to the same family + Regular weight, then to Inter + the requested weight, then Inter Regular. This survives the common case where only Inter Regular is shipped with Figma.
Troubleshooting
- Crashes on monospace — replace any
Roboto Mono/DejaVu Sans Monoreferences incode.jswithCourier New. - Nothing visible in Figma — open
Plugins → Development → Open Consoleand look for[DS]log lines indicating where the plugin stopped.