Agent 15 · 06 Experience Crafting / 08 Build Enablement (shared)

Figma Agent

Bridges design files and code bidirectionally; shared with Stage 08

Accelerates

Two-way design↔code sync via MCP-class bridge; reads codebase for brand-consistent generation

Stops here

Resolves design-backend logical contradictions autonomously; guarantees output is free of framework-specific bloat

Inputs
Figma file, codebase (for code-aware generation)
Outputs
Structured UI in Figma from prompts, or code from Figma files, both directions
Model requirement
Design-tool-integrated model with codebase read access (Claude Design / Figma+Anthropic MCP-bridge-class)
"Generate this component in Figma from the existing design-system library and this natural-language description."

The portable Markdown specification is included inside the site.

Open agent Markdown ↗