Miggi: “Figma Make is coming to Figma’s free education teams. Students and Educators can now use Figma’s prompt tool to help take designs to functional coded prototypes! Those already on the education plan will require re-verification to continue to use free education teams and access to tools like Figma Make.”
Admins on the Enterprise plan can now require password protection for all published Sites & Makes across your organization.
In this replay of the August 14 webinar, Figma’s onboarding team walks through how to get started with Figma Make, how it fits into your design and product development workflows, and practical tips for preparing your designs to unlock faster, smarter AI output in Figma.
Lauri Lännenmäki shows yet another use case for Make — after designing a complicated component with different properties and states, make an interactive playground to give to the developers. Great opportunity to test edge cases and experiment with interactions.
The first-ever global Figma Make-a-thon, hosted by Contra. Build something amazing with Figma Make to win $100k in prizes, including a $50k grand prize. Register now and submit your entry between September 3rd and 10th to be eligible to win.
“Restrict access to published Sites and Makes for internal reviews, client sharing, and pre-launch work with new password protection.”
In the first episode of a free Figma AI course by The Cutting Edge School, you’ll learn how to turn static designs into working web apps using Figma Make, without writing a single line of code. It explores the interface, attaching design files, styling components, adding a backend with Supabase, and finally previewing and publishing a live prototype. This is a beginner-friendly lesson that covers Figma Sites, Dev Mode, and how to use Claude-powered AI to generate functional apps faster than ever.
A few updates to Figma Make to make editing, previewing, and iterating even smoother: preview your Make across screen sizes using a new device dropdown menu and custom dimension editor; Make now saves named versions and tracks every code edit, so you can quickly review changes and restore to an earlier state at any time.
Starting July 24th, Figma Make and all Figma AI features, including Code Layers, Rename Layers, Make/Edit Image, etc., are now in general availability, and Figma Make is available for everyone to try. All plans and seat types include AI credits that are shared across all Figma AI features and products.
Figma launched a community for Figma Make, so now you can see what was built with this prompt-to-app tool.
Tom Johnson suggests we need to go from Canvas → Make to Make → Canvas → Make, so we could prompt the rough parts of the app and then use those scrappy elements to design all of the different canvases for the flow or feature, then feed those back into the Make workflow.
Ridd got an inside look at Figma Make while talking to Holly Li and Nikolas Klein about the future of prototyping. In this episode of the Dive Club podcast, they rethink what “high fidelity” means, explore how Make fits into the design workflow, and discuss use cases they’re most fascinated by.
Jack Michalak and Tammy Taabassum pair with Supabase’s Chris Caruso to demo Make’s new Supabase connector, wiring auth, file uploads, and live Postgres tables straight from a Figma frame. Nice primer on turning a design into a data-backed web app with almost no code.
This is a pretty nice QoL improvement. Want to see it in Figma Design too!
Now you can bring an existing design library to Figma Make, so the model can extract color palette and usage guidelines, typography and custom fonts, as well as core styling elements. You can also manually define rules for the model to follow via a guideline.md file. Watch the above video from Make PM Holly Li, or read the help article.
Designer Advocate Alexia Danton shares the team’s favorite prompts, pro tips, and best practices for using Figma Make to help you get the most out of the recently launched prompt-to-code feature.
“Figma Make (still in beta) is now rolled out to 100% of all Full seats. Watch PMs Holly Li, Nikolas Klein, and Tom Duncalf make things live in Figma Make.”
Luis shares a bunch of examples made with Figma Make.
Theo with an interesting analysis of Figma Make and why it was introduced now.
“Today we’re introducing Figma Make, a new prompt-to-code capability to help you quickly explore, iterate, and refine — whether it’s generating high-fidelity prototypes or getting into the details in design and code.”