Claude Code Now Pushes UI Screens Directly to Figma via MCP

Feb 18, 2026 · Updated Apr 25, 2026

Claude Code now pushes code into Figma via an updated MCP server. Prompt Claude to visualize your UI states - "visualize all states of our onboarding flow and push each screen to figma" - and it calls generate_figma_design for each, rendering the code and placing frames on the Figma canvas for design review or exploration.

This reverses the usual Figma MCP direction. Previously the integration read Figma designs to generate code. Now the path is bidirectional: build in code, push to Figma for stakeholder review or design documentation without manual screenshots.

Install with claude mcp add --transport http figma-remote-mcp https://mcp.figma.com/mcp, then prompt Claude to visualize your UI states and push them to Figma. Once set up, every code iteration can land on canvas for stakeholder review without manual screenshots.

View the full update on code.claude.com

Claude

@claudeaiFeb 18

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions. https://t.co/yW9XllB7aJ

1.4k

View on X