The on-camera companion to the Make-on-Local-Code launch. The most interesting bits beyond the blog: a Figma editing panel inside Make for direct style changes, multi-element annotations pinned to the rendered screen (including voice mode), and MCP server support for resolving merge conflicts and CI failures. The pitch is that designers get agency to ship the change themselves while the engineer’s review workflow stays untouched – apple for early access.

Alexia Danton, Designer Advocate at Figma, walks through seven tactics for stretching Make credits further. The most useful ones are the least obvious: use the Edit tool and ​“Go to source” for small visual tweaks instead of prompting, codify repeated instructions into a guidelines.md file so Make doesn’t relearn your conventions every turn, and reach for Gemini Flash on routine iteration while saving Claude Opus for ambiguity and high-fidelity work.

Make can now connect to a local repo and edit your real production code, not just a sandboxed project. Designers point at an element, adjust properties or leave an annotation, and the agent finds the relevant code, commits the change, and opens a PR through standard GitHub flow (SSH for other providers). It also handles dependency installs and spins up the dev server for you. Closed beta on the Mac Beta desktop app and beta usage doesn’t burn credits.

Figma Make now supports custom skills — markdown files that capture conventions and workflows you use repeatedly, callable from any prompt with a slash command. Pair /build-from-prd with a Notion connector and any PRD becomes a prototype that matches your standards.

Makes now run natively on the Figma mobile app for on-device testing and touch interaction previews. Mobile creation and editing is coming soon.

The Figma Makeathon is officially live! $100,000 in prizes are up for grabs. Check out the guidelines to get started.

From design system documentation and PRDs to user research and feedback, Make can now pull in context from across your product ecosystem. Figma added new featured connectors for Amplitude, Box, Dovetail, Granola, Marvin, and zeroheight. You can also connect Make to any remote MCP server by setting up a custom connector.

Once you’ve installed and authorized a Make connector, just hit @ in your Make file and start typing the connector name to pull external context directly into your prototype.

In this interview, Jay Dalal chats with Laura Dunn, Head of Design Research for the GM Human Interface Design Team. You will learn how Laura uses Figma Make as a UX researcher to communicate visually with designers.

Once your design system is in Figma Make, you can really reap the benefits of working with design and code side by side and start actually using your system. This article walks through the specific technical problems of pulling a design system out of a monorepo to make it accessible in Figma Make.

“These updates give you more precision and control when bringing ideas to life in Figma Make: preview a to-do list for your more complex prompts so you can see, verify, and even edit the plan before it runs; manually edit text or delete specific elements to quickly fine-tune your prototypes; and a new navigation bar where you can route to a specific screen of your prototype.”

Doruk: ​“Photoshop to Sketch was a productivity jump. Sketch to Figma was a collaboration jump. This next jump will be the same type of collaboration leap, but for coded prototypes. This is not ​“designers can code now”. It is about keeping design work shareable and close to production. The teams that win will not be the ones with the fanciest local setups. They will be the ones who keep making, testing, and reviewing work in the same shared space.”

Nikolas Klein, PM at Figma: ​“Today, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas.”

In this video, Figma shows how you can use Figma Make to brainstorm and prototype new product features and ideas.

Ridd highlights a few examples from his workflow of delivering production-ready code to his product. Love this part: ​“I explored this concept in Make and really liked where it landed. A couple years ago, I would’ve dropped a Cleanshot .gif on the canvas and asked my developer to recreate it as closely as possible. But I’m no longer making concept cars. This component is the design. Every detail is rooted in code and behaves exactly how I want it to in production.”

Starting today, websites published from Figma Make and Figma Sites include more metadata for better search and sharing experiences. The improvements include auto-generated site descriptions for Figma Make and support for OpenGraph and X tags for published Figma Make and Sites so they look better on social.

A quick video introduction to creating your first Figma Make file.

Designer Advocate Brett walks through a step-by-step guide on how you can use Make connectors to build better prototypes through Product Requirements Document prompts.