Figma is adding ways for teams to guide how AI agents work with their designs. The new tools let teams document design rules, connect relevant files and libraries, and turn canvas designs into interactive code prototypes.
A shared reference for design decisions
The centerpiece is Figma Specs, a Markdown-based editor for describing a company’s design language. Teams can use it as a standalone file or place it alongside work on the canvas, creating a reference that people and agents can consult while designing.
Specs can also link to Figma elements, embed FigJam diagrams, and include code layers and designs. That means teams can bring written guidance together with examples of how the guidance applies in practice.
Figma says teams can add design libraries, code libraries, and guidelines to manage context for a design system. Agents can refer to that centralized material when creating work, giving them a clearer basis for following a brand’s rules.
Tools to steer AI-assisted creation
Figma has recently made its agent on canvas available to a wider user base. Because AI can produce non-deterministic results, the company is also offering ways to steer the agent toward more predictable outcomes.
That matters when teams use AI during early product work. Figma’s chief design officer, Loredana Crisan, told TechCrunch that software teams use Figma to decide what they build and ship. She said AI has made it easier to build, but the increase in code production has not translated into a comparable increase in releases.
“There are 17-times more lines of code being produced today than in the past. But when you’re looking at releases, only 1.3-times more releases,” Crisan said. She added that much of the code is made to explore what a product could be and to design, rather than necessarily to ship.
Code layers move into public beta
Figma is making code layers available in public beta after announcing the feature in private beta in June. Code layers bring coding into designs on the canvas, allowing teams to build more interactive prototypes.
Users can ask Figma’s agent to turn a design into code or modify part of the code as they iterate. In combination with written design guidance and linked examples, the feature gives teams another way to move between visual design and working prototypes.
More integrations and a Payload connection
Figma said its MCP support now includes over 20 new tools, among them Open Code, Dia, Grok Bot, and Indian AI startup Sarvam. The expansion adds more ways for external tools and agents to work with Figma.
The company is also integrating Payload, the open-source headless content management system it acquired last year, with Figma Make. The connection is intended to let users generate dynamic websites and manage content directly. Figma said Payload’s downloads have increased sixfold in the last 12 months.
Figma’s growing presence in India
The announcements came during Figma’s first Config event in India. The company opened its first office in the country late last year, with sales, partnership, go-to-market, and product support functions.
Figma described India as its biggest user market outside the United States. It also said the platform works with 40% of India’s top 100 companies listed on the Bombay Stock Exchange. The new editor, code tools, and integrations address how teams can give agents context as they design and build, while the company expands its presence in a major market.