What Figma Make Is and Why Direct Code Editing Matters
Figma Make is an AI-powered design tool that connects visual interfaces to live production codebases, allowing designers to directly edit shipped code, sync changes with engineering workflows, and reduce the friction between design concepts and real product behavior. At its core, this Figma Make design tool lets teams select elements on a canvas, adjust properties, and have an AI agent map those edits to the underlying code. Instead of stopping at prototypes, designers are now editing production code within the same environment where they sketch flows and components. That changes designer developer collaboration from a handoff model to a shared workspace, where Git branches, commits, and pull requests sit side-by-side with frames and components. The result is a tighter, faster design to code workflow, especially for teams that already treat Figma as their central product collaboration hub.
New Features: From Visual Editing to Pull Requests
The latest Figma Make update, currently in limited beta for Mac desktop, introduces a set of features that move it further into engineering territory. Direct visual editing lets designers click an element, tweak attributes like layout or motion, and rely on an AI agent to update the right section of the production codebase. Annotation-based prompting extends this by allowing designers to describe interactions or animations with on-screen notes that the AI translates into code changes. Integrated Git workflow support means teams can branch, revert commits, and keep version history inside the same interface where they design. Finally, built-in pull request creation plugs those edits straight into existing review pipelines. Together, these capabilities turn Figma Make into a live canvas that speaks the same language as engineering tools, not just a static design surface.
Collapsing the Designer–Developer Gap in Daily Workflows
By allowing production code editing from within a familiar design environment, Figma Make reshapes how cross-functional teams work. Designers who already have repository access can open a screen, tweak a component state, and commit those changes without switching tools. That removes classic handoff pain points: no more screenshots, redlines, or unclear tickets describing desired behavior. Instead, designers can propose concrete code changes and ship-ready interactions, while developers review them through standard pull requests. The canvas-to-code loop deepens this connection: teams can copy screens from Make back into the Figma Design canvas, refine layouts there, and sync updates again with the codebase. For many organizations, this creates a unified creative-to-production pipeline where design to code workflow is continuous, and where every pixel adjustment can be tied to a specific commit and review trail.
Designer Empowerment, Guardrails, and Team Implications
The promise of Figma Make is designer empowerment: visual thinkers get direct influence over what ships, without having to write all the code themselves. According to CMSWire, the new capabilities specifically target designers who already have codebase access, with plans to simplify setup for less technical users over time. That emphasis on access is important, because moving design closer to production code introduces risk if teams skip reviews or bypass version control. The Git integration and pull request support act as guardrails, keeping engineers in the loop and preserving quality standards. For design leaders, this shift means rethinking skills and responsibilities: designers may need a stronger understanding of component architecture, while developers may spend more time reviewing and curating changes than implementing every UI tweak themselves.
Figma’s Bigger Bet on Unified Product Pipelines
Figma Make sits within a broader strategy to connect design, content, and engineering into a single product platform. Figma has expanded from design collaboration into AI-powered product tooling, acquiring headless CMS Payload and AI-native creative platform Weavy, now Figma Weave. The company also integrated Anthropic’s Claude into FigJam for AI-assisted diagrams, signaling a push toward end-to-end digital experience tooling. CMSWire reports that Figma Make weekly active users grew more than 70% quarter over quarter, and that Q4 FY2025 revenue reached USD 303.8 million (approx. RM1,407 million), with full-year revenue surpassing USD 1.056 billion (approx. RM4,890 million). These numbers show strong demand for unified design and code workflows. For teams, the message is clear: design tools are no longer just for mockups—they are becoming live control panels for production systems.
