Figma launches Specs: a rulebook editor to stop AI agents from breaking designs
Figma just launched a Markdown editor called Specs so your AI agents actually read your design rules before generating garbage.
Tools · Source: TechCrunch
What happened
Figma just announced Specs at its first Config event in India. Specs is a native Markdown editor where teams define their exact design language. AI agents read this document to follow brand rules instead of hallucinating new styles. The document serves as a centralized reference for both human teams and AI agents.
Specs can live as a standalone file or sit directly on the Figma canvas. It is not just plain text. Users can link real Figma elements, embed FigJam diagrams, and reference code layers. Teams can also connect design libraries and code repositories from GitHub or npm to give agents full context.
Figma also moved its code layers feature into public beta. This lets users add working code to canvas designs to build interactive prototypes. Users can prompt the canvas agent to turn a design into code or iterate on existing code. Figma is also integrating Payload, the headless CMS it acquired last year, with its Figma Make product to generate dynamic websites.
Key facts
- 17-times — more lines of code being produced today compared to the past
- 1.3-times — increase in actual software releases despite the code boom
- 40% — share of India's top 100 companies on the Bombay Stock Exchange using Figma
- 6x — growth in Payload downloads over the last 12 months
- 20 — new tools supported with Figma's MCP
Why it matters
AI agents are great at generating fast designs but terrible at following company standards. By forcing teams to write down their rules in a machine-readable format, Figma bridges the gap between rapid AI generation and strict brand compliance. You no longer have to fix every button radius or hex code an agent invents. The AI finally has a rulebook.
Figma notes that people are writing seventeen times more code today, but shipping only slightly more releases. Much of this code is just used to explore ideas. Figma calls this building to think. By bringing code layers and Specs to the canvas, Figma allows teams to prototype with real code without leaving the design environment. Launching this at Config India is a massive signal. India is Figma's largest market outside the United States. With forty percent of India's top 100 companies using the platform, Figma is building where its most active users are.
For builders
Stop manually fixing AI design hallucinations
Write your design rules in Specs once. Your agents will read the Markdown and generate compliant designs. Design leaders save hours of manual cleanup, while companies stop paying engineers to fix AI mistakes.
Build interactive prototypes with code layers
Use the public beta of code layers to bring real code onto the canvas. You can ask the agent to iterate on the code directly. Front-end developers win by closing the gap between design and engineering faster.
Leverage MCP for third-party agent integrations
Figma now supports over 20 new tools through its Model Context Protocol, including Grok Bot and Sarvam. AI tool builders can plug their own agents into Figma's centralized context engine to reach enterprise design teams.
My take
Figma realized that making AI agents smarter is useless if they do not know your rules. Specs forces teams to write things down so machines can read them. Building this for their massive Indian user base shows they know exactly who is driving the future of software development.
Original reporting: TechCrunch. This is my rewrite and opinion.