Pretty amazing what you can make without writing any code now. Congrats to all winners!
Christine Vallaure shows how to keep type consistent across screen sizes: establish text styles once, map them to your layouts, and preview responsiveness before you ship.
A major update to Figma Sites. First of all, custom fonts are finally here! More accessibility features, like HTML tags on layers, accessibility controls, and ARIA role settings. Password protection for the portfolio you still won’t finish. A configurable cookie consent banner, and a new link shortcut with additional types like back and scroll to. Last but not least, Figma Sites is now available for all Starter and Education users.
Snapping to midpoints while using variable width strokes in Figma Draw just got easier. “When you hover with the width point tool, it’ll now hint at the midpoint of that segment so you can snap to the middle of two points (or even between two points themselves).”
Enter Focus View from canvas and change modes for color and responsiveness.
Short Buzz tutorial on resizing an asset for different ratios and platforms, plus setup tips so templates scale cleanly.
“Explore ideas and riff on product flows with templates in Figma Make. Create an accurate representation of an existing product experience, then replicate it as a sandbox to experiment with design directions, new feature ideas, growth campaigns, and more.”
“In this replay of our July 9th webinar, we’ll deep dive into Figma’s Dev Mode to learn how it transforms the design-to-development workflow. We’ll walk through how Dev Mode streamlines handoff, bridges design and code, boosts developer efficiency, and scales design system adoption.”
“From a brand template to an entire digital campaign, now you can easily copy your designs over from Figma Design to Figma Buzz in just a click. Simply right-click the frames you want to copy over, select the ‘Send to Buzz’ button in the context menu, and they’ll instantly appear on the canvas of a new Buzz file.”
Admins on the Enterprise plan can now require password protection for all published Sites & Makes across your organization.
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.”
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.
In this webinar, Yarden Katz (Product Manager for MCP) and Peter McCarron (PMM for Dev Tools) walk through some best practices for how to structure your design files to ensure better design-to-code translation, use annotations and rules to align outputs with your codebase, and provide other tips & tricks for optimizing your MCP outputs.
“Now you can access millions of high-quality stock images from Unsplash directly in Figma Buzz. Just open the left sidebar and click on the media panel to explore a feed of beautiful images for inspiration or use the search bar to quickly find exactly what you need.”
Vijay Verma goes from sketch to a cool illustration of koi fish made in Figma Draw in 6 steps.
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.
Marijana Pavlinić with a gorgeous recreation of a Vatican stamp. Amazing what new brushes made possible.
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.