Figma and Anthropic have partnered to launch Code to Canvas, a new feature that converts AI-generated interfaces built in Claude Code into fully editable design layers inside Figma. The feature is powered by the Model Context Protocol (MCP) and marks the deepest integration yet between a major agentic coding tool and a professional design environment.
The workflow is intentionally simple. While working inside Claude Code, a designer or developer types "Send this to Figma." The rendered browser state of the AI-built interface is translated into Figma design layers — complete, editable, and ready for team review. From there, product teams can refine layouts, compare variations side by side, and align on design decisions without ever leaving Figma's canvas.
The launch builds on an earlier January integration that brought Claude capabilities into FigJam for diagram generation, but Code to Canvas is significantly more ambitious — it tackles the core handoff problem between AI-generated code and human-driven design iteration that has been a friction point since agentic coding tools emerged.