Figma announces new features to define how agents work on its platform

AI agents can now generate designs and code that adhere to your company's specific brand guidelines.

Figma has introduced new features to better control AI agents within its platform. The company announced a Markdown-based editor called Figma Specs, designed to define a company's design language and brand guidelines. This editor can serve as a central reference point for both human designers and AI agents, ensuring consistency in AI-generated designs. Figma also made its agent-on-canvas feature more widely available and is releasing its code layers feature in public beta, allowing users to add code to designs for interactive prototypes. Additionally, users can now ask AI agents to generate code from designs or modify existing code to refine prototypes. Figma is also integrating with the Payload headless CMS to facilitate the creation of dynamic websites and content management.

The introduction of Figma Specs signifies a strategic move to mitigate the unpredictable nature of AI in design workflows. By providing a structured, Markdown-based editor for design systems and brand rules, Figma is enabling more deterministic AI outputs. This capability directly addresses the challenge of maintaining brand consistency when leveraging AI for design and development, offering teams a centralized and referenceable source of truth. The integration with code layers and AI-driven code generation further blurs the lines between design and development, potentially accelerating prototyping and iteration cycles.

This development suggests a growing industry trend towards providing explicit governance for AI agents in creative and development tools. For companies, it means AI can be more reliably integrated into existing design systems and content management workflows, such as the integration with Payload CMS. Users can expect more AI tools to offer similar definition and control mechanisms to ensure brand alignment and operational efficiency. The public beta of code layers indicates Figma's commitment to pushing the boundaries of interactive prototyping and a more seamless design-to-code pipeline.