Design tool leader Figma announces that AI agents can now directly operate on the Figma canvas—not just read design files, but actually create, edit components, apply design system variables, adjust auto-layout, and fully integrate with existing design systems. The open beta is now available and will be free during the testing period.
Technical core: speaking Figma’s language through the Plugin API
The key to this integration is the newly launched
use_figma
MCP tool. Unlike previous methods that relied on screenshot recognition or API wrappers, Figma has chosen to let agents generate code via the Plugin API—enabling AI to operate on the canvas using Figma’s native language, rather than simulating mouse actions.
Anthropic engineer Thariq pointed out that this greatly improves operation reliability: “Claude translates your application code into Figma functions, with accuracy far surpassing previous guesswork approaches.”
Design systems become the shared language for AI
The most notable aspect for engineers and designers is that AI can now read the full design system context: component names, spacing tokens, color variables, typography standards. Agents no longer need to “guess” design intent but can directly reference existing standards for generation.
This creates a two-way loop: agent reads the design system → generates code → pushes UI changes back to the Figma canvas. The gap between design and development handoff can theoretically be significantly reduced.
Supported tools: Claude Code, Codex, Cursor, and other mainstream MCP clients
Currently supported MCP clients include: Claude Code, Codex, Cursor, Copilot CLI, Copilot in VS Code, Augment, Factory, Firebender, Warp, and other major development tools. Figma states this feature will be offered as a paid API, but during the beta testing period, it will be available for free.
The role of designers is evolving
Community reactions are mixed. Some senior designers say that their 20-year Figma habits have been nearly replaced by Claude in the past four months; others point out that when agents can directly reconstruct design systems, designers need to redefine their roles—from executors to reviewers.
It’s worth noting that Figma’s stock ($FIG) dropped about 6% on the day of the announcement. The market sends mixed signals: does this feature strengthen Figma’s moat, or accelerate the tool’s potential displacement? The answer remains to be seen.
This article first appeared on Chain News ABMedia: Figma opens AI agents for direct canvas operation, supporting Claude Code, Cursor, Codex, and more, with open beta launching today.