techlist.io
KREN
figma

Figma Make, Now on Your Local Code | Figma Blog (opens in new tab)

ai-agentcollaborationfigma-makedesign-to-codegitversion-controlcode-prototyping

Figma is bringing Make beyond prototyping by connecting it directly to local production codebases. Designers can visually edit interfaces, use annotations and prompts for more complex behavior, and manage changes through Git workflows without leaving Figma. The broader goal is to make design and code a continuous, collaborative workflow rather than separate tools.

Visual Editing in Production Code

  • Make connects to a local codebase and translates visual changes into code.
  • Users can select interface elements and modify:
    • Layouts
    • Colors
    • Fonts
    • Sizing
    • Other visual properties
  • Annotations let users describe interactions, animations, and other changes that go beyond simple property edits.
  • The feature is currently best suited to designers who already have access to their organization’s codebase.

Git-Based Branching and Shipping

  • Make supports standard development workflows, including:
    • Creating branches
    • Reverting commits
    • Reviewing commit history
    • Creating pull requests
  • Changes remain in local commits until the team intentionally opens a pull request.
  • Engineering teams can review Make-generated changes like any other production contribution.

Collaboration Between Design and Code

  • Local code changes can be shared as files and links with teammates who have access to the relevant branch.
  • Teammates can inspect changes, build on them, and compare versions through commit history.
  • Screens, pages, and components can be copied from Make into Figma Design as editable layers.
  • Changes made in Figma can be detected and brought back into Make, creating a round-trip workflow between the design canvas and codebase.

Beta Availability

  • Direct editing, annotations, chat, and pull-request creation enter limited beta on May 28, 2026.
  • Beta access is limited to Figma’s Mac desktop beta app and requires joining a waitlist.
  • The features will not consume credits during beta; pricing for AI credits will be announced later.
  • Figma plans to expand availability to other platforms.

Figma’s recommendation is effectively to use whichever environment best fits the current task—design canvas, code-based prototyping, or production code—while maintaining a shared workflow between them.