Works with ANY AI model

Figma Code↔Design Bridge for ANY AI model

Your model can turn ideas into editable Figma layouts, inspect structure (components, tokens, auto-layout), and work design ↔ code in both directions.

Two-way flow: Design ↔ Code

Live demo: ANY AI model draws directly in Figma via local Bridge API.

Bridge works on a different principle: more freedom and faster iteration than the official Claude Code to Figma flow.

Figma's official announcement (February 17, 2026) is Claude-specific. Bridge uses a model-agnostic local command API, so ANY model can directly create/update real Figma nodes. Result: less tooling lock-in, more control, and faster design ↔ code loops.

Reference: Introducing Claude Code to Figma (Feb 17, 2026)

More details: Figma Code↔Design Bridge for ANY AI model

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 Bridge API: http://localhost:8867
1) GET /status (connected=true)
2) POST /command with {"command":"...","params":{...}}
3) Use params, not args

Lifetime license

No trial. No limits. No subscription.

$49

one-time

Buy Now

After payment, redirect to setup steps. All sales are final.

Already purchased? Open setup instructions.