Claude Code can now send designs directly to Figma as fully editable layers.
I tested it—it looks like real magic. You install Figma MCP, type "Send this to Figma," and the browser state is automatically converted into editable Figma layers. Everything is organized into components and can be edited.
https://www.figma.com/blog/introducing-claude-code-to-figma/
Dylan Field (CEO of Figma) writes that this changes the workflow. It used to be linear: brainstorm → design → code. Now you can start anywhere and move in any direction.
The main idea: the canvas is better suited for navigating multiple possibilities than prompting in an IDE. You can see the whole picture, compare approaches side by side, and edit details directly. Then, using the same Figma MCP, you can return the changes back to the code.
I'm still figuring out: can you continue to manage changes through Claude Code after sending to Figma? For example, can you write "make the header bigger" and it will adjust the existing file in Figma? Or will a new file be created each time? It seems like it can't do this yet—but obviously, that's where it's heading.