What Figma Make Is and Why Live Code Editing Matters
Figma Make is an AI-powered visual code editing environment inside the Figma design tool that connects directly to live production codebases, allowing designers to select interface elements, change properties, and have an AI agent locate and modify the underlying code while keeping standard engineering workflows intact. By bringing Figma Make code editing into the same canvas used for prototyping, Figma is turning the design tool into an entry point for engineering workflows instead of a separate pre-development stage. The new capabilities, currently in limited beta on Mac desktop, target designers who already have access to their company’s repositories and want to influence shipped product without leaving their familiar interface. This shift from static handoff files to visual code editing raises important questions about responsibility, review processes and how non-engineers participate in production systems.
How Visual Code Editing Bridges Design and Engineering
At the core of Figma Make’s approach is a canvas-to-code loop that merges design tool engineering practices with familiar developer tools. Designers can visually select components, tweak layout or styling, and rely on an AI agent to update the corresponding source code, turning design intent into real changes in the codebase. Annotation-based prompting lets them describe desired interactions or animations directly on the screen, which acts as structured guidance for the AI instead of separate tickets or specification documents. Git workflow support is built into Make, so users can create branches, revert commits and keep version history aligned with engineering standards. Pull request creation inside the same interface means design changes flow into the usual code review pipelines, giving engineers oversight while keeping designers close to implementation details.
Reducing Context Switching and Rethinking Handoffs
One of the most immediate benefits of Figma Make is reduced context switching. Designers no longer need to jump between design tools, documentation and code editors to see how ideas behave in production. Instead, they can inspect and modify live interfaces as they design, shortening the feedback loop between concept and implementation. This has major implications for the designer developer workflow: handoffs start to look less like one-way exports and more like a shared branch in a repository. As Make supports branching and pull requests, designers can propose precise, code-backed changes rather than abstract specifications. According to CMSWire, Figma Make weekly active users grew more than 70% quarter over quarter, showing that teams are keen to tighten this loop and bring experimentation closer to production reality.
Collaboration, Ownership and New Team Boundaries
Letting non-engineers touch production code raises questions about roles and ownership. Figma positions Make as a tool for designers who already have codebase access, with plans to simplify setup for less technical users over time. In practice, the combination of Git workflows and pull requests ensures that engineers still review and approve changes, even when they originate from visual code editing. This model blurs boundaries in a controlled way: designers gain more influence on shipped product, while engineering keeps responsibility for quality, performance and security. The ability to sync screens from Make back to the Figma Design canvas means documentation and prototypes reflect what is live, rather than lagging behind. Teams that embrace this shared environment may move from “handoffs” toward co-ownership of the interface layer.
Figma’s Broader Strategy: From Design Suite to Product Platform
Figma Make’s live code features sit within a larger strategy to turn Figma into a full product creation platform, not only a design suite. Recent moves include acquiring Payload, an open-source headless CMS, and Weavy, now rebranded as Figma Weave, to deepen content and generative media capabilities. Figma has also integrated Anthropic’s Claude into FigJam to generate editable diagrams from prompts, PDFs and images, signaling a consistent interest in AI-assisted workflows. According to CMSWire, Figma serves 13 million monthly active users and has seen Q4 FY2025 revenue reach USD 303.8 million (approx. RM1.40 billion), with full-year FY2025 revenue crossing USD 1.056 billion (approx. RM4.86 billion). With Figma Make code editing connecting design canvases directly to codebases, the company’s tools are converging into a unified digital experience and engineering collaboration hub.