--- title: Figma wants to be your IDE, and the PRD, too | daily.dev description: Figma's Config event in India pushed the idea that design canvases should be where software gets built, not just sketched. Code layers moved to open beta... canonical: https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Figma wants to be your IDE, and the PRD, too | daily.dev og:description: Figma's Config event in India pushed the idea that design canvases should be where software gets built, not just sketched. Code layers moved to open beta... og:url: https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5 og:image: https://api.daily.dev/og/posts/IBODCE6U5.png og:image:alt: Figma wants to be your IDE, and the PRD, too og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Figma wants to be your IDE, and the PRD, too **[Trends](https://daily.dev/sources/trends)** · 3 min read · 0 upvotes · 0 comments ## Summary Figma's Config event in India pushed the idea that design canvases should be where software gets built, not just sketched. Code layers moved to open beta across all plans, letting users import prototypes from GitHub, local folders, a Chrome extension or Figma's MCP server and iterate with an AI agent. Specs, a new multiplayer Markdown container for PRDs and specs, entered open beta and can be read by coding agents like Codex over MCP. Payload, Figma's acquired headless CMS, is now wired into Figma Make, auto-provisioning databases, storage, login and admin panels for prompted apps. Figma's chief design officer noted code output grew 17x while releases grew only 1.3x, suggesting most AI-generated code is exploration rather than shipped product. A separate engineering writeup describes building a Figma-to-code agent loop using a design-system MCP catalog, Code Connect bindings, import-blocking hooks and pixel-diff checks with retries, cutting prototyping time from about an hour to ten minutes. Figma's MCP server also gained 20 new integrations including OpenCode, Dia, Junie and Meta Muse. ## Content Figma's pitch at its first Config in India is blunt: design, code, content and agents all live on one canvas now. Whether developers want a design tool to be their backend is the open question. The most telling number came from Figma's chief design officer: code output has grown 17x while releases grew only 1.3x. That is a polite way of saying AI is producing a mountain of exploration and very little shipped product. Figma's answer is to give that exploration a home, not to slow it down. ## What actually shipped - **Code layers** are in open beta after a private beta since June. You can import prototypes from GitHub, local folders, a Chrome extension that captures live sites, or the MCP server, then iterate on them with an agent. It uses AI credits, but it's free on paid plans through November 4, 2026. - **Specs** is a multiplayer Markdown container on the canvas. It embeds FigJam files, frames and code layers, and Codex-style coding agents can read it through MCP. Drag in an existing .md file and go. - **Payload**, the open-source headless CMS Figma acquired, now plugs into Figma Make. Prompt an app and you get a database, file storage, user login and an admin panel. Hosting is in beta and free, with pricing still to come. - **MCP** gained 20 new integrations, including OpenCode, Dia, Junie by JetBrains and Meta Muse, plus fixes for errors and token usage. @beyang noted Amp already supports it. - The Figma agent is generally available. ## The practical view The most grounded take comes from an engineering walkthrough on reliable Figma-to-code loops. Its author says the usual failure is generic React/Tailwind code that ignores your design system. The fix is unglamorous: a design-system MCP catalog, a compiled Code Connect manifest, a pre-write hook that blocks banned imports, and a pixel-diff retry loop. Prototyping dropped from about an hour to ten minutes. They also found a canvas-scaling bug that quietly softened every Storybook baseline. That is the real subtext. Figma's own announcement adds design-system code sources, guidelines, a system map and a system check so agents follow existing patterns. It reads like an admission that guardrails matter more than raw generation. ## The vendor story Figma's showcase customers are Dell, Checkout.com, 1Password and Rocket Money, all praising faster iteration and less documentation. IBM's UX designer is using Payload so his team can run internal sites without engineers. Payload's pitch is that designers, marketers and developers share the same data. My read: the tooling is solid, but the 17x versus 1.3x gap is the number to watch. ## Questions this post answers ### What is Figma's Code layers feature and when did it leave private beta? Code layers is a Figma feature that lets users import prototypes from GitHub, local folders, a Chrome extension capturing live sites, or Figma's MCP server, then iterate on them with an AI agent directly on the canvas. It moved from a private beta that started in June into open beta on all plans, and it is free on paid plans through November 4, 2026, though it consumes AI credits. _Developers evaluating AI-assisted design-to-code workflows can track rollouts like this on daily.dev._ ### What is Figma Specs and how do coding agents interact with it? Specs is a multiplayer Markdown container living on the Figma canvas, meant for PRDs, technical specs and design docs. It can embed FigJam files, frames and code layers, supports dragging in existing .md files, pulls data via connectors like GitHub and Hex, and coding agents such as Codex can read it over MCP. It is currently in open beta on paid plans. _Teams wiring agents into their spec and documentation workflow can follow updates like this on daily.dev._ ### How much has AI increased code output versus shipped releases at Figma? Figma's chief design officer reported that code output grew 17x while releases grew only 1.3x, indicating most AI-generated code is used for design exploration rather than ending up in shipped product. This gap suggests teams should be cautious about equating AI-driven code volume with actual delivery velocity. _Anyone sizing up AI coding tools against real shipping velocity can compare notes on daily.dev._ ## Similar posts on daily.dev - [Agents, meet the Figma canvas](https://daily.dev/posts/agents-meet-the-figma-canvas-idi0mkika) · Figma · 0 upvotes · 0 comments - [Blog: From Figma to Production Code: How The Figma MCP Changes the Role of Frontend Engineering](https://daily.dev/posts/blog-from-figma-to-production-code-how-the-figma-mcp-changes-the-role-of-frontend-engineering-ggfzgf2ew) · Wawandco · 2 upvotes · 0 comments - [From Figma to Code: How AI Is Transforming the Design Handoff](https://daily.dev/posts/from-figma-to-code-how-ai-is-transforming-the-design-handoff-eybuetwwr) · AT&T Israel · 1 upvotes · 0 comments - [Figma adds code layers to the canvas and lets users build custom AI plugins at Config 2026](https://daily.dev/posts/figma-adds-code-layers-to-the-canvas-and-lets-users-build-custom-ai-plugins-at-config-2026-b5lrum3hj) · The Next Web · 0 upvotes · 0 comments --- Tags: [#ai-agents](https://daily.dev/tags/ai-agents), [#mcp](https://daily.dev/tags/mcp), [#cms](https://daily.dev/tags/cms), [#figma](https://daily.dev/tags/figma) [View this post on daily.dev](https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Figma wants to be your IDE, and the PRD, too","url":"https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5"},"datePublished":"2026-10-15T05:13:04.544Z","dateModified":"2026-10-15T13:37:19.698Z","description":"Figma's Config event in India pushed the idea that design canvases should be where software gets built, not just sketched. Code layers moved to open beta...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7dd0569e3d532728eeb29dd1982ace43?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7dd0569e3d532728eeb29dd1982ace43?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Trends","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Trends","logo":"https://media.daily.dev/image/upload/s--ZfSp3asX--/f_auto,q_auto/v1780996004/logos/trends?_a=BAMAMiWQ0","url":"https://daily.dev/sources/trends"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ai-agents,mcp,cms,figma","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Trends","item":"https://daily.dev/sources/trends"},{"@type":"ListItem","position":3,"name":"Figma wants to be your IDE, and the PRD, too"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/figma-wants-to-be-your-ide-and-the-prd-too-ibodce6u5#faq","mainEntity":[{"@type":"Question","name":"What is Figma's Code layers feature and when did it leave private beta?","acceptedAnswer":{"@type":"Answer","text":"Code layers is a Figma feature that lets users import prototypes from GitHub, local folders, a Chrome extension capturing live sites, or Figma's MCP server, then iterate on them with an AI agent directly on the canvas. It moved from a private beta that started in June into open beta on all plans, and it is free on paid plans through November 4, 2026, though it consumes AI credits. Developers evaluating AI-assisted design-to-code workflows can track rollouts like this on daily.dev."}},{"@type":"Question","name":"What is Figma Specs and how do coding agents interact with it?","acceptedAnswer":{"@type":"Answer","text":"Specs is a multiplayer Markdown container living on the Figma canvas, meant for PRDs, technical specs and design docs. It can embed FigJam files, frames and code layers, supports dragging in existing .md files, pulls data via connectors like GitHub and Hex, and coding agents such as Codex can read it over MCP. It is currently in open beta on paid plans. Teams wiring agents into their spec and documentation workflow can follow updates like this on daily.dev."}},{"@type":"Question","name":"How much has AI increased code output versus shipped releases at Figma?","acceptedAnswer":{"@type":"Answer","text":"Figma's chief design officer reported that code output grew 17x while releases grew only 1.3x, indicating most AI-generated code is used for design exploration rather than ending up in shipped product. This gap suggests teams should be cautious about equating AI-driven code volume with actual delivery velocity. Anyone sizing up AI coding tools against real shipping velocity can compare notes on daily.dev."}}]} ```