Figma Unveils AI-Ready Design Tools Including Specs Editor and Code Layers

New Design Language Framework for AI Alignment

Figma introduced Figma Specs, a markdown-based editor that allows teams to formally define their design language and brand rules in a centralized, machine-readable format. The feature works as a standalone document or integrates directly within the design canvas, enabling teams to embed references to other Figma elements, FigJam diagrams, code layers, and design components. This represents a significant shift toward making design systems interpretable by AI agents, addressing a core challenge: ensuring that autonomous design tools adhere to brand guidelines rather than producing unpredictable outputs.

The Specs feature addresses a fundamental tension in AI-assisted design. As generative models become more powerful, their outputs become harder to predict and control. By creating a formal specification layer that agents can reference, Figma is attempting to guide AI behavior toward more deterministic, brand-compliant outcomes. Design teams can now layer design libraries, code libraries, and official guidelines into this centralized reference system, giving both human collaborators and AI agents the context needed to make consistent decisions.

Code Integration and Broader Agent Capabilities

Figma expanded its code layers feature from private beta to public beta availability. This capability allows designers to embed actual code directly into canvas designs, enabling more interactive prototypes and faster iteration. Teams can now ask Figma's on-canvas agent to convert designs into functional code or modify existing code snippets—creating a tighter loop between design intent and implementation. The company noted that this reflects a broader market reality: development teams are generating 17 times more lines of code than in the past, yet only producing 1.3 times more releases, suggesting much of that code serves exploratory and design purposes rather than shipped products.

Figma's agent-on-canvas feature, which was previously available to select users, has now expanded to a broader user base. The company is simultaneously rolling out support for over 20 new integrations through its MCP (Model Context Protocol), including connections to Open Code, Dia, Grok Bot, and Indian AI startup Sarvam. This ecosystem approach mirrors how Figma is positioning itself: not as a standalone design tool, but as a hub where design systems, code, content, and AI workflows converge.

Content Management and Payload Integration

Figma deepened its integration with Payload, the open-source headless CMS it acquired last year. The company is now connecting Payload directly to Figma Make, its dynamic website generation product, allowing teams to design, generate, and manage content within a unified workflow. Payload's adoption has surged sixfold over the past 12 months, suggesting growing demand for headless content architectures among Figma's user base.

Strategic Focus on India and Global Expansion

Figma announced these features at its first Config event in India, underscoring the company's aggressive expansion in the region. The company opened its first Indian office in late 2024 and positioned India as its largest market by user count outside the United States. Notably, Figma reported that 40% of India's top 100 companies listed on the Bombay Stock Exchange use the platform. This geographic concentration suggests Figma has achieved significant enterprise penetration in one of the world's fastest-growing tech markets, providing both validation of its product-market fit and a testing ground for new features aimed at large organizations managing complex design systems.