Figma and Anthropic Bridge AI Code and Design with Code to Canvas
Figma partners with Anthropic to let users import Claude Code output directly into Figma as editable designs.
Figma and Anthropic just teamed up on a feature that could reshape how developers and designers collaborate. It's called Code to Canvas, and it does exactly what it sounds like.
The tool lets users take code generated in Claude Code — Anthropic's AI coding agent — and import it directly into Figma as fully editable designs. No more manually recreating UI components. No more screenshots. Just code in, design out.
This is a two-way bridge between AI-assisted development and visual design. Developers generate front-end code with Claude, then hand it off to designers who can tweak everything inside Figma's familiar interface.
The partnership signals a broader trend: AI coding tools aren't just replacing workflows — they're creating entirely new handoff points between disciplines that historically operated in silos.