Figma and Anthropic partner to launch Code to Canvas, letting users import code generated in Claude Code directly into Figma as editable designs
Figma is partnering with Anthropic and launching a feature called “Code to Canvas” that converts code generated in artificial intelligence tools …
Context & Ripple Effects
Figma had already been adding AI capabilities through FigJam AI features for meeting summaries and next steps, positioning AI as part of its collaborative product surface rather than a separate tool.
Anthropic had also connected Claude to design workflows through Canva's MCP server integration. The new partnership extends that pattern into a handoff between AI-generated code and an editable design workspace.
First-order effects
- Claude Code users can bring generated code into Figma as editable designs, reducing the manual translation between implementation output and design artifacts.
- Figma gains a direct integration with Anthropic's coding product, while Anthropic gives Claude Code a clearer route into design teams' existing workflow.
Second-order effects
- Design and engineering teams can review, revise and iterate on AI-produced interface work in the same editable environment, making the code-to-design handoff more central to Figma.
- Other AI coding and design platforms face pressure to offer similarly editable, interoperable outputs rather than leaving users with static generated results.
Third-order effects
- If these integrations become routine, the competitive unit shifts from a standalone AI model or design tool toward the work surface that preserves editability and collaboration across both.
- The partnership points to a more integrated design-to-code stack, though its durability will depend on whether imported outputs remain useful enough for professional iteration.
The trend: AI work tools are converging around connected, editable workflows that move outputs across coding and design environments rather than treating generation as the final step.