Figma now has a live MCP server, and it connects your AI agent directly to the canvas. Designer advocate Amy Lima demonstrates the full setup: install the MCP server, let an agent generate design explorations inside Figma, then push a PR for engineering review. The loop runs from code to canvas and back without leaving your toolchain.

The workflow matters because it collapses the handoff gap. Instead of static exports or verbal specs, the agent operates on actual Figma objects. That means engineers review real components, not approximations. The tutorial shows the specific installation steps and agent prompting approach, which is where most people will need the detail.

The server is available now to all eligible Figma users. Figma's help center has a dedicated guide at the link in the description, and a community skills page covers broader AI workflow patterns. Watch the full video for the exact configuration sequence and to see the PR submission step, which is the part most tutorials skip.

[WATCH ON YOUTUBE →]