Figma Launches Specs and Code Layers to Bridge Design and Coding Agents

During Config India, Figma announced a new "Build by Design" feature set, with CEO Dylan Field publishing a post outlining the platform's shifting positioning: as AI slashes the cost of coding, teams now need both "building to think" (rapid experimentation) and "building to ship" (polished delivery) modes, and Figma aims to be the shared end-to-end platform for both.

Confirmed

Specs: A new medium on the Figma canvas that hosts Markdown, officially positioned as a "container for context" — requirements and technical docs can live right next to the design; it supports comment-based collaboration, embedding of Figma elements, and pulling in external context via MCP, GitHub, and more, so coding agents can consume these specs directly.
Code layers: In the past, designers built static UI in Figma while engineers wrote interaction code separately; now canvas elements can bind interaction code directly, and the toolchain is increasingly developer-facing.
Payload integration: Figma Make adds an integration with Payload, further connecting design to delivery.

Why it matters

Several authors (including @abhi9u in multiple posts) see Specs as the most interesting part of this update: it keeps requirement text adjacent to the design, is agent-friendly, and once a prototype is satisfactory, implementation specs for coding agents can be generated in one click. The overall assessment is that Figma is evolving from "what an app looks like" toward a platform for jointly exploring how an app works, capturing implementation details, and collaborating with coding agents — further blurring the line between design and development.

2026-10-15 ~ 2026-10-15 · 5 related posts

Primary sources

Figma Specs turns canvas selections into coding-agent-ready specs — abhi9u · 2026-10-15 22:01 (UTC+08:00)
Figma adds Code layers, Specs and design system support to court developers — abhi9u · 2026-10-15 22:01 (UTC+08:00)
Figma Launches Build by Design Workflows to Bridge Specs, Code Layers and Coding Agents — abhi9u · 2026-10-15 22:01 (UTC+08:00)

Figma launches Specs: markdown containers on canvas with MCP and GitHub integration — IanArawjo · 2026-10-15
[source] Figma adds Code layers, Specs and design system support to court developers — abhi9u · 2026-10-15
[source] Figma Specs turns canvas selections into coding-agent-ready specs — abhi9u · 2026-10-15
Figma Make adds Specs and Payload integration for prototype-to-ship workflows — abhi9u · 2026-10-15
[source] Figma Launches Build by Design Workflows to Bridge Specs, Code Layers and Coding Agents — abhi9u · 2026-10-15