Release Notes 2026: May Edition | Figma

By Figma

Categories: Design, Product

Summary

Figma's new MCP server enables AI agents to seamlessly translate between code and design, creating a bidirectional workflow where teams can generate designs from code, sync design systems, and explore new directions—solving the critical gap between what AI can build fast and what actually solves user problems.

Key Takeaways

  1. Install Figma's MCP server in coding agents (Cursor, Codeex) via plugin settings, then authenticate via browser OAuth to grant agents full access to manipulate designs, translate code to canvas, and sync design libraries—setup takes minutes but requires March 24th+ updates for new features.
  2. Use 'prototyping playgrounds'—sandboxed environments with real production code and screens—to let teams experiment with AI-generated designs without affecting live code, reducing risk while accelerating design exploration cycles.
  3. Agents can execute three core workflows: import vibecoded designs from code to Figma canvas, connect design systems in code to Figma design libraries, and use agents to explore new design directions from existing canvas work.
  4. Model Context Protocol (MCP) allows agents to retrieve relevant context from external sources like Figma to make better decisions, enabling the agent-to-design bridge that makes agentic coding with Figma powerful.
  5. The core problem being solved: rapid AI code generation is only valuable if teams validate they're building the right things and solving actual user problems—design workflows with agents ensure innovation toward meaningful results, not just technical output.

Topics

Transcript Excerpt

[music] Welcome, welcome, welcome everybody. We are so glad you're here and I'm so excited to be hosting Release Notes for the very first time. Release Notes is a place for our community to learn all that's happening at Figma and catch up on our latest updates. This time we're going to be diving deep on how AI agents, Figma, and the Figma MCP server can elevate design and development workflows. So, who am I anyway? My name is Amy Lima and I'm a designer advocate here at Figma and I'll be your host for today. Let's kick things off with our first segment. We've got three live demos lined up in what we're calling the demo lab. Our main segment, Demo Lab, is up first where we'll discuss how leading product teams use AI agents in Figma. And to do this, I'll invite my dear friend and colleague t…