Figma Make adds live code editing

Figma’s latest update to Figma Make moves the product beyond mockups and into code changes that can be pushed back to real repositories. In release notes published May 28, Figma said Make can now connect to a local codebase, let users adjust properties through an editing panel or chat, and have an AI coding agent make the corresponding code edits. The company said teams can then commit those changes and open a pull request from inside the workflow. CMSWire and other outlets reported the update on June 1 and June 2 as Figma’s design tools moved closer to day-to-day engineering work. ### What exactly changed inside Figma Make? Figma’s May 28 release notes described the new capability as “Visually edit your codebase with Make.” The company said users can connect Make to a local codebase, prompt on specific elements, change properties in a Figma editing panel, or describe changes in chat, and an AI coding agent will edit the code accordingly. When the result is ready, Figma said, the user can commit the work and open a pull request from the platform. CMSWire reported on June 1 that the feature lets designers modify live codebases directly from Figma, tying visual changes to existing repository and review workflows. Analytics India Magazine reported the same day that the update lets teams edit production code and collaborate without leaving the platform. (figma.com) ### Does this mean Figma is writing directly into production? Figma’s own wording points to local-codebase and pull-request workflows rather than direct, automatic deployment to production. The company said Make connects to a local codebase and sends changes through commit and pull-request steps, which are standard review gates in software teams. (cmswire.com) That distinction matters because Figma has also been building tooling around developer handoff rather than replacing code hosts outright. Figma’s Dev Mode pages and developer documentation say its MCP server gives coding agents structured access to design files, components, variables and Make resources, while Code Connect links design components to real components in repositories. (figma.com) ### How does this fit with Figma’s broader AI push? Figma has been adding AI-assisted development features across Make, Dev Mode and its MCP tooling. In a June 2025 blog post, Figma introduced the Dev Mode MCP server as a way to bring Figma context into developer workflows for design-informed code generation. Current help documentation says the MCP server works with tools including VS Code and Codex, and Dev Mode marketing materials also name Cursor, Windsurf and Claude. (developers.figma.com) Figma’s newsroom page listed “Figma Make, now on your local code” as a May 28, 2026 product update. The company described the release as expanding how teams can design with code, from visual editing to contextual prompting and collaboration. ### Why are analysts talking about the stock at the same time? Stifel cut its price objective on Figma to $25 from $30 on June 2 while keeping a Hold rating, according to a Yahoo Finance report on the note. (figma.com) The report said Stifel cited a wait-and-see approach on Figma’s AI products even as the company disclosed strong uptake and usage for those products. (figma.com) Piper Sandler reiterated an Overweight rating on Figma in mid-May and lowered its target to $30 from $35, according to reports from MarketBeat and other market outlets. Those reports said Piper estimated AI-related revenue could exceed $100 million in fiscal 2026 after Figma began charging for AI credit overages. (finance.yahoo.com) ### What should users watch next? Figma’s release notes show the live code-editing workflow is already listed as a new Make release dated May 28, 2026. The next concrete marker is broader rollout: Figma’s recent product pages and third-party coverage describe parts of the new Make workflow as tied to desktop and beta availability, and analysts are now watching whether AI product usage converts into revenue and wider adoption. (marketbeat.com) (figma.com)