Beautiful illustration that took Ajnas 29 hours and 1,100 layers to make in Figma.

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.

“Restrict access to published Sites and Makes for internal reviews, client sharing, and pre-launch work with new password protection.”

Professor Miggi walks through using Figma Draw to detail an endoplasmic reticulum to visualize a plant cell diagram.

Designer Advocate Mal shows how to create a library in Figma Design and enable it in Buzz to build on-brand assets.

A useful checklist for Buzz templates: start in Figma Design, lean on Auto Layout, keep text layers separate for Bulk create, lock image ratios, name layers, use variants, test the template as a user, and share with context. Great reference for keeping self-serve assets on brand.

In this recording of a webinar, learn more about designing, prototyping, and publishing websites all in Figma. Anthony and Lauren walk us through the best practices for making your website responsive and ways to add interactions and animations.

In this livestream, James McDonald iterates on Ridd’s design for Inflight and talks through design decisions in real time. Nice peek at how product polish actually happens.

“Now you can add all the templates within a template set in just one click — so you can create more assets and launch your campaign even faster. Just the click ​“Add all” button at the top of the template set to insert them into your file at once.”

“In this replay of our June 12, 2025 webinar, you’ll learn more about how teams can scale on-brand assets with design templates in Figma. Our team will walk through the template workflow, and show ways they can be customized and used to bulk create content.”

Christine Vallaure created a new Figma library to kickstart your project with ready-to-use customizable components, fonts, and color styles to match your brand and vision. The library works with Figma Sites, where you can drag and drop your site together and then just publish it with one click.

“The look and feel of FigJam’s toolbar has a refreshed look and feel, with new iconography, submenus, and a streamlined experience. The tools you use still live in the same place, but their look and feel have been refreshed to match patterns found everywhere else in Figma.”

“We’ve rolled out updates to improve how embeds work in Figma Sites. Embeds let you bring interactive content directly into your webpage — from forms to music to social media — using a simple URL.”

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.

Figma launched a community for Figma Make, so now you can see what was built with this prompt-to-app tool.

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.

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.

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.

A new official free course for beginners: ​“This course will walk you through the entire process of creating a website design for a personal portfolio website. We’ll start by teaching you the fundamental concepts and features that Figma Design offers, and then we’ll go on a creative journey together to make a website that you can customize to make your own using some of Figma’s most exciting features.”

Ana Boyer: ​“Just as design systems help design and engineering teams understand brand guidelines, best practices, patterns, and code, they give AI agents the context they need to produce not just any output, but the right output. And when AI agents can build with your design context, they create a flywheel effect: AI strengthens your design system, which powers better AI code generation.”

Great analogy: ​“Asking an AI agent to generate code without design system context is like asking a new engineer to start shipping code before onboarding. It might technically work—but it won’t align with how your team actually builds.”