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.

In the past week, the company made its agent on canvas available to a wider user base. However, given the non-deterministic nature of AI, the company is providing tools to steer it towards more predictable outcomes.

Figma also made its code layers feature, which adds coding to designs on canvas for more interactive prototypes. The company announced this feature in private beta back in June.

Source link