Figma is giving teams a shared place to tell AI agents how their products should look and work. At its first Config event in India, the company introduced Figma Specs, a Markdown-based editor for design instructions, and opened code layers to public beta, TechCrunch reports.
Together, the tools let teams put written requirements beside designs and ask an agent to build interactive prototypes on the canvas. Teams still need to judge whether the result follows those requirements.
Specs puts instructions beside the design
According to Figma’s launch post, a spec can contain shared decisions and references to frames, diagrams and code layers. Teams can import an existing Markdown file by dragging it onto the canvas. Specs is rolling out in open beta to paid plans on web, desktop and mobile.
The document also gives people and agents a common place to discuss changes. Figma’s agent can read and reply to comments. Through Figma’s Model Context Protocol server, a team can pass a spec and its linked context to an external coding agent.
For designers, that means an instruction can sit beside the component it describes. For developers, the handoff can include both the written requirement and the relevant Figma references.
Code layers makes the prototype interactive
Code layers adds working code to designs on the canvas. TechCrunch reports that the feature entered private beta in June and is now in open beta. Users can ask the agent to convert a design into code or edit part of the code to change a prototype.
Figma’s Specs post describes a way back to design review, too. Teams can extract a screen, state or flow from a code layer into editable design layers, then keep those frames beside the spec for review with engineers.
