Krux
February 17, 2026
Figma and Claude Just Made Code Talk to Design
Published: February 17, 2026 at 11:36 PM
Updated: February 17, 2026 at 11:36 PM
100-word summary
Figma and Anthropic just dropped Code to Canvas, letting developers turn AI-generated code from Claude directly into fully editable Figma designs. Install the Figma Model Context Protocol server, run Claude Code, and watch lines of code transform into design layers you can tweak on the canvas. It works both ways: designers can export Figma files to seed code generation, creating a true roundtrip workflow. Claude can even generate FigJam diagrams from screenshots or PDFs. This blur between code and design could finally bridge the developer-designer gap, speeding up prototyping and making cross-functional collaboration smoother across product teams.
What happened
Figma and Anthropic just dropped Code to Canvas, letting developers turn AI-generated code from Claude directly into fully editable Figma designs. Install the Figma Model Context Protocol server, run Claude Code, and watch lines of code transform into design layers you can tweak on the canvas. It works both ways: designers can export Figma files to seed code generation, creating a true roundtrip workflow. Claude can even generate FigJam diagrams from screenshots or PDFs.
Why it matters
This blur between code and design could finally bridge the developer-designer gap, speeding up prototyping and making cross-functional collaboration smoother across product teams.