Figma and Anthropic launch Code to Canvas
A new workflow sends interfaces built with Claude Code into Figma as editable layers, so teams can compare and refine them on the canvas.
Figma and Anthropic announced Code to Canvas in mid-February 2026. According to coverage by AlternativeTo, Dataconomy and Gigazine, the feature takes a user interface that has been generated and rendered with Claude Code and turns it into editable design layers in Figma.
How it works
Inside Claude Code, a user asks to send the current interface to Figma. The rendered browser view is converted into structured layers that designers can rearrange, annotate and edit like any other Figma object. The connection runs through Figma’s MCP server, which can also pass a link to a Figma frame back to a coding environment.
Context
Dataconomy notes that the launch followed an earlier integration that brought Claude into FigJam for diagrams, and that Figma CEO Dylan Field has argued the canvas is a better place than a code editor for comparing several design options side by side. StreetInsider reported the partnership in the context of Figma’s share price ahead of its quarterly earnings.
Why it matters for designers
AI coding tools can produce working screens quickly, but reviewing alternatives, spotting inconsistencies and agreeing on a direction still happens best visually. Moving generated UI back onto a shared canvas keeps designers in that loop instead of reviewing screenshots.
Sources (5)
- AlternativeTo Figma and Anthropic launch Code to Canvas for editable AI-generated designs in Figma ↗ · February 2026https://alternativeto.net/news/2026/2/figma-and-anthropic-launch-code-to-canvas-for-editable-ai-generated-designs-in-figma
- Let’s Data Science Figma integrates Anthropic Code to Canvas ↗ · 17 February 2026https://www.letsdatascience.com/news/figma-integrates-anthropic-code-to-canvas-1d6ad71a
- Dataconomy Figma and Anthropic launch Code to Canvas for AI design editing ↗ · 18 February 2026https://dataconomy.com/2026/02/18/figma-and-anthropic-launch-code-to-canvas-for-ai-design-editing/
- Gigazine Figma and Anthropic unveil “Code to Canvas” for importing Claude Code work ↗ · 18 February 2026https://gigazine.net/gsc_news/en/20260218-figma-code-to-canvas
- StreetInsider Figma partners with Anthropic to bridge AI code and design ↗ · February 2026https://www.streetinsider.com/Investing/Figma+partners+with+Anthropic+to+bridge+AI+code+and+design/26009179.html
This story summarises reporting by the publishers listed above; all facts come from those sources. Please read the original articles for the full reporting. Product names, logos and trademarks belong to their respective owners, and no images from the sources are reproduced here.
