Figma Make moves into the codebase
Figma is extending Make beyond the design canvas. New capabilities in the Figma Beta desktop app let teams work directly on production code without leaving Figma, covering visual edits, prototyping with code, and shipping changes. The features are rolling out in beta over the coming weeks.
Figma's position is that design and code tools aren't mutually exclusive. The argument echoes the state of design tools a decade ago: just as design was once offline and single-player before Figma, code collaboration today still relies on tools that haven't caught up. With more teams using agents to generate code, the gap between editing and building with that code is becoming more visible.
Edit your codebase visually
Make can now connect to your codebase, enabling direct visual edits that ship as changes. You can select elements, adjust properties, change layouts, colors, fonts, or sizing, and the agent locates the relevant source code and updates it to match your design. This approach targets precise editing rather than wholesale generation.
For work beyond simple property changes—interactions or animations, for example—you can annotate elements on screen with a description of what you want. Annotations supply the agent with contextual information and can reference multiple elements at once, offering a middle ground between direct manipulation and text-based prompting.
Figma notes that this setup is currently easiest for designers who are already able to access their company's codebase. While onboarding is being streamlined for non-technical users, that remains the target audience for this first release.
Branch, commit, and ship
Shipping production code should follow team process. Until you open a pull request, all changes made through Make are stored as local commits. The tool supports standard Git workflows for codebases—creating branches, reverting commits, and related operations—so changes can be reviewed by your engineering team like any other PR.
Share and build with the canvas
Local changes made with Make can be shared as files. Sending a link gives teammates with access to your branch the ability to check it out, review the changes, and continue building from there. Commit history provides a before-and-after comparison of the work.
Additionally, screens, pages, and components can be copied from Make and pasted into the Figma canvas as layers. From there, teams can pick up the work, edit it, and collaborate. When changes are made back in Figma Design, Make detects updates and offers to apply them to the codebase.
The aim, per Figma, is to close the loop between the design canvas and the codebase. This makes the starting point irrelevant; work can begin in either environment and move fluidly between them, with the loop allowing changes made in Figma Design to cycle back into the code.
Availability
The new Make capabilities—including direct editing, annotations, chat, and PR creation—launch in a limited beta for Mac users on May 28, 2026. The beta will not consume AI credits, though Figma expects to announce credit-based pricing in the near future. Early access can be requested through the waitlist; being on the waitlist does not guarantee selection. Support for other platforms is planned.
