Starting today, you can use AI agents to design directly on the Figma canvas. And with skills, you can guide agents with context about your team’s decisions and intent.

Figma is a collaborative interface design tool that enables teams to create, prototype, and collaborate on digital designs in real-time. From their blog, readers can learn about user interface design, design systems, and prototyping techniques. With documentation, tutorials, and design resources, Figma empowers designers and developers to create beautiful and functional user experiences.

Figma

Figma has opened its canvas to AI agents via a new MCP server, allowing tools like Claude Code, Codex, and Cursor to read and write directly to Figma files using your existing design system components and variables. A new 'skills' system lets teams encode their design conventions as markdown files, guiding agents to produce brand-aligned, consistent outputs. Nine example skills are available at launch, covering tasks like generating components from codebases, syncing design tokens, applying spacing systems, and running parallel multi-agent workflows. The feature is currently free in beta and works with MCP clients including Augment, Copilot in VS Code, Cursor, and Warp, with plans to expand functionality toward Plugin API parity.

Agents, meet the Figma canvas