Figma launches code layers and design specs in public beta

Figma has introduced several new features aimed at bridging the gap between design and development, including the public beta of ‘code layers’ and a new Markdown-based design specifications editor called ‘Figma Specs’.

Code layers allow users to build, modify, and compare prototypes using actual code directly on the Figma Design canvas. These prototypes can be created via AI prompts, imports from GitHub repositories, or through third-party code agents connected via Figma’s Model Context Protocol (MCP) server.

Additionally, Figma is integrating Payload, an open-source headless content management system it acquired last year, with ‘Figma Make’ to enable the generation and management of dynamic websites. The company also announced expanded support for over 20 tools through its MCP, including Open Code, Dia, Grok Bot, and the Indian AI startup Sarvam.

These updates were highlighted during Figma’s first Config event in India, which serves as a major market for the company. Figma currently maintains an office in India to support sales, partnerships, and product functions.