News, Service

Figma Make supports direct editing of the local codebase.

June 2, 2026

Figma has added local codebase integration to Figma Make. Users can now connect to actual production codebases within Figma and modify the UI while viewing the screen.

This update represents a transformation that expands Figma Make from a simple AI prototyping tool into a code-driven product creation tool. Figma has set a direction to connect the design canvas, code-based prototypes, and actual product code within a single workflow.

The core of the new feature is visual code editing. Users can select screen elements in Make and directly adjust attributes such as layout, color, font, and size. An AI agent then locates and modifies the relevant code, reflecting the changes on the screen. Users can apply UI changes without having to open code files directly.

You can use comment-based requests for tasks that go beyond simply changing properties. For example, if you want to add animations or interactions to a specific element, leaving a comment on the screen allows the agent to modify the code based on that context. Figma described this as a method that lies between direct editing and standard prompts.

Development workflows are also included. Make supports Git-based operations. Users can create branches within Make, save changes as local commits, and revert if necessary. Finally, engineers can review pull requests (PRs) that fit the team's development process.

Collaboration methods are also expanded. Local code changes made in Make can be shared via file links. If team members have access to the same branch, they can review the changes and continue working. It is also possible to compare the previous state with the modified state through the commit history.

The round-trip flow between Figma Design and Make is also enhanced. Users can copy screens, pages, and components from Make to the Figma canvas and paste them as layers. Subsequently, if the team comments on or modifies them in Figma Design, Figma detects the changes and suggests bringing them back to Make to apply them to the code.

This update can be seen as an attempt to redefine the boundaries between designers and developers. Figma explained that the distinction between “design versus code” is a flawed dichotomy. Their stance is that users should be able to select and switch to the tool they need at any given moment, whether it be the design canvas, the prototyping environment, or the actual code.

However, the scope of the initial beta is limited. Figma explained that this feature is best suited for designers who have access to the company's codebase. The beta will be rolled out sequentially starting May 28, 2026, and for the time being, it will only be available in the Figma Beta desktop app for Mac.

New features in Figma Make include direct editing, annotation, chat, and PR creation. Credits will not be consumed during the beta period, and AI credit pricing will be announced later. Users can join the waiting list, but registration does not guarantee immediate access to the beta.

This announcement demonstrates that the competitive landscape of AI design tools is shifting. While early AI design tools focused on screen generation and prototyping, Figma Make is moving toward connecting with actual codebases. Moving forward, the key criterion is likely to shift from the ability to generate aesthetically pleasing screens to the ability to safely modify and integrate with a team's existing code and design systems, seamlessly connecting to the deployment flow.