Max Stoiber notes how traditional design handoffs are a thing of the past at Shopify. Agree with this: ​“the hard part of making prototypes real is not ​“turning static drawings in Figma into HTML & CSS” anymore. AI can do that perfectly in seconds. What’s left is: backend implementations, wiring up the data fetching, handling state… None of which is ​“handoff.”

For most of my career, I owned both design and front-end code on products I worked on. This combination of skills used to be a (somewhat) rare differentiator, but became ubiquitous with AI. That said, for AI to work ​“perfectly in seconds” requires an extensive setup with an advanced design system shared between Figma and code. Without this foundation, prototyping designs for real apps still requires some technical knowledge. These days, I often use Figma Make for quick experiments and proofs of concepts before switching to the actual codebase and prototyping the final version with Cursor (fully adopted by the design team at Shopify as well).

Speaking of Cursor, Lee Robinson recorded a six-part video series on AI foundations. It’s designed for beginners to learn concepts like tokens, context, and agents. The entire course is free and just 1 hour long.

Peter Yang interviews Meaghan Choi, a design lead for Claude Code, about her Figma-to-code workflow and the top 3 design use cases for Claude Code.

“Now you can use the Figma integration with Zapier to connect Figma to thousands of other tools without writing code. The integration helps teams stay focused on building great products by automating routine tasks, like sending notifications when files are updated, logging design feedback, and creating tickets for follow up tasks.”

Kris Rasmussen, CTO of Figma: ​“Today we’re announcing updates to the Figma MCP server and Code Connect that make it possible to bring Figma design context anywhere you work—whether it’s in your IDE, your AI agent, or your prototypes. These updates make your design context—context about how your design system is structured, how your codebase is written, and how your team builds products—more portable and powerful, helping you move from idea to product with less friction.”

This update includes three major releases. Remote access to the Figma MCP server from your IDE, an AI coding agent, or a browser-based model. Bring the underlying code from a Figma Make file to your codebase using the Figma MCP server. Code Connect’s new in-app mapping experience lets you browse components inside Figma, map them to the right code and file, and see which are linked or missing.

Thomas Lowry, Director of Advocacy at Figma, shares three best practices for designers to give developers—and the AI agents they use—the context they need to go from design to production.

An official catalogue of agentic tools supporting context from the new Figma MCP server.

Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Another demo of using the new MCP server with Claude Code.

Nikolas Klein, PM at Figma: ​“Now you can copy any design from a Figma Make preview to the design canvas, allowing you to edit, iterate, and take your ideas further.” To make this possible, Figma purchased the technology behind a popular html.to.design plugin from my friends at <div>RIOTS. As part of this partnership, they will keep building and maintaining their plugins and tools independently, including html.to.design.

Christine Vallaure explains the basics of getting started with Figma Sites, setting up your first page, and customizing your own blocks.

Tasteful isometric illustrations made in Figma Draw by Shreya Rao.

Dylan Field gives his first interview since Figma’s big IPO, joining ACCESS Podcast to talk all things design, AI, and what’s next for Figma.