Create

Sign in to ReadmeX

or

How we handle your data: Privacy Policy

ReadmeX

Your AI reading companion

What would you like to catch up on?

Pick a briefing, or ask your own question.

Your community and people briefings stay personal to you.

Story

Figma launches Specs Markdown editor and opens code layers beta

AI summary

At its first Config event in India, Figma announced Figma Specs, a Markdown-based editor for defining a design language that can exist as a standalone file or on the canvas and can reference canvas elements and embed FigJam diagrams, code layers and designs. Figma also opened its code layers feature to public beta after a June private beta, said its on-canvas agent is available to more users, and is integrating Payload with Figma Make for dynamic websites and content management. The company says its MCP now supports more than 20 tools including Open Code, Dia, Grok Bot and Sarvam, and that Specs is intended to help its own and third-party agents follow brand design rules.

In-depth insight

Figma is positioning Specs as a centralized design reference for both its own and third-party AI agents, responding to the non-deterministic nature of AI-assisted design.

Design platform Figma announced a new Markdown-based editor to help define a company’s design, bring in design and code libraries, and integrate with the Payload headless content management system during the company’s first Config event in India. Through some of these features, the company aims to provide a definition for its own and third-party agents to adhere to a brand’s design rules better while creating with AI.

The company debuted a new feature called Figma Specs, which is a markdown editor that lets users define their design language in a simple way. The document can serve as a reference for teams and agents while designing in Figma. Specs can exist as a standalone file in Figma or can co-exist within the canvas. Apart from acting as a text editor, users can reference other Figma elements, such as elements on the canvas, and embed FigJam diagrams, code layers, and designs. 

What’s more, teams can bring in more context about design, including design libraries, code libraries, and guidelines to manage context for the design system. Agents can also refer to this centralized system to adhere to rules.

#Figma#Figma Specs#Figma Make#Payload#FigJam#Config India#Open Code#Dia#Grok Bot#Sarvam

Original · 3 min readRead the original
Group chat

No comments yet. Start the conversation.