--- 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 The most interesting thing to come out of Figma's first Config in India isn't a feature. It's co-founder Dylan Field saying MCP is "not a perfect protocol" and "advantaged more to frontier labs," on the same day Figma added 20 new MCP partners. He also took a swipe at Anthropic for not exposing its own artifacts and cloud resources through MCP. Figma's CEO added that the company doesn't want to be fully open, because more data through MCP raises the chance of abuse. So the pitch is "plug in every agent," with an asterisk the size of a billboard. ## What shipped - **Code layers** are in open beta after a private beta that started in June. You can import prototypes from GitHub, local folders, a Chrome extension that captures live sites, or Figma's MCP server, then iterate on them with an agent on the canvas. 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's meant for PRDs and technical docs, and it can embed FigJam files, frames, and code layers. Coding agents like Codex can read a spec through MCP and act on what it links to. - **MCP expansion** brings in Amp, ClickUp, Junie by JetBrains, Linear, Mistral, Notion, OpenCode, Dia, and Meta Muse. Figma says the update also cuts errors and token usage. Amp's @beyang announced it with one line: "You can now use the Figma MCP from Amp." - **Payload**, the open-source headless CMS Figma acquired, now plugs into Figma Make. Prompt an app and you get a database, file storage, login, and an admin panel. Hosting is in beta and free, with pricing to come. - The Figma agent is now generally available. ## The number to chew on Figma's chief design officer said code output is up 17x while releases are up only 1.3x. His reading is that AI is fueling design exploration, not shipped product. That's a polite way of saying a lot of this generated code never leaves the canvas. ## The practitioner view One engineering walkthrough shows what "reliable" takes. The setup uses a design-system MCP catalog, Code Connect bindings, a hook that blocks banned imports, and pixel-diff verification with retries. It reports prototyping dropping from about an hour to ten minutes. It also found a canvas-scaling bug that silently softened every Storybook baseline. Agents still default to generic React and Tailwind unless you fence them in. Figma's answer is to make the fence a product: design systems with code sources and guidelines, plus Specs as the rulebook. ## 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 - [Figma MCP server can now generate design layers from VS Code](https://daily.dev/posts/figma-mcp-server-can-now-generate-design-layers-from-vs-code-twkozvdqq) · GitHub Changelog · 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-20T14:28:28.013Z","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."}}]} ```