Design tokens, not just pixels
Figma AI Bridge with Design Tokens
Standard Figma MCPs return raw hex colors and pixel values. Bridge returns the actual design token names — so your AI generates production CSS with variable references instead of hardcoded values.
Dark mode, theme changes, density scales — all handled by your tokens automatically. Works with any AI model. Two-way: create in Figma and read back into code.
Quick install (2 min)
- 1. In Figma: Plugins → Development → Import plugin from manifest.
- 2. Start bridge launcher: `start-bridge.command` (macOS) or `start-bridge.bat` (Windows).
- 3. Give this prompt to your model:
Figma AI Bridge API: http://localhost:8867
1) GET /status (connected=true)
2) POST /command with {"command":"...","params":{...}}
3) Use params, not argsLifetime license
No trial. No limits. No subscription.
$49
one-time
After payment, redirect to setup steps. All sales are final.
Already purchased? Open setup instructions.