Figma Make Many New Updates

🚀 Figma Make opens a new Beta: "Solve Production Code with Visual Editing like in the Cursor IDE now."

Figma recently announced a major update to the article "Figma Make, now on your local code," by directly connecting Figma Make to the developer's local codebase, making "Design" and "Production Code" work together in the same workflow.

No longer have to send files back and forth, switch programs, or waste time interpreting them. 🔥

✨ What can be done in this version of Figma Make?

🖱️ Visual Editing in real code.

Select on-screen elements and adjust Layout, Color, Font, Spacing, Typography the same way as solve in regular Figma.

The AI will automatically find the corresponding code and solve it. The changes will be reflected back to the actual source code immediately.

→ Not just generate prototype, but solve real code from Visual Interface.

📝 Direct Edits vs Annotations

- Direct Edits: Use with clear adjustments such as change color, adjust spacing size

- Annotations: For complex tasks such as Animation, Interaction, State Change or Logic Exclusive

Just draw a band + type, describe it in text, AI understands and solves the code.

🔧 full Git Workflow

Create Branch, Commit, Revert, View Commit History and Open Pull Request inside Figma Make

Figma doesn't bypass the engineering process. Everything goes through the same Code Review and PR.

🤝 Collaboration between Designer and Developer

- Share Branch links for the team to view and edit simultaneously.

- See Before / After and Commit History together.

- Copy work from Make to Figma Design or Sync. Changes from Design back into Code

🔄 Loop New Between Designs - Make - Code

Create a UI in Make → Copy to continue riff in Figma Canvas → AI helps Sync return to code update → loop without stumbling.

🎯 The strategic direction of Figma.

Figma sees "Design vs Code" as outdated

The goal is for Designer and Developer to work on the same source of truth using AI as a bridge.

From the original to Design Tool, it became a Full Product Creation Platform that supported both Visual Editing, Prototyping, Collaboration and Production Code.

📌 Beta data

- It's Limited Beta.

- Only works for Mac Beta Desktop App

- Still don't figure out AI Credits during Beta.

- Apply for Waitlist.

-----

Simple summary: Figma is making the product team work much more flowing. Designer can engage with Production Code directly without writing the code itself. Developer works in the familiar Git Workflow.

# figma # Trending # Drug sign with lemon8 # Lemon 8 Howtoo # ai