Dylan Field shows several demos prepared with Gemini 3 Pro and highlights how this model stood out in one-shot generation and a wide range of visual aesthetics.
Loredana Crisan, Chief Design Officer at Figma, introduces Gemini 3 Pro as a new experimental model in Figma Make.
Connect external tools to Make to pull in PRDs, tickets, and product documents, so you can create prototypes with full context. Update your connected docs or create tasks directly from Make to keep everything in sync. Supported connectors: Asana, Atlassian (Confluence, Jira), GitHub, Linear, monday.com, and Notion.
Holly Li, product manager for Figma Make, explains two major recent updates: templates let a team create and publish a Make prototype, enabling others to instantly build on a solid foundation without recreating designs from scratch, and making it possible to copy Make prototypes directly as design layers into Figma Design.
Miggi joins Build, Launch & Earn to explore what’s possible when designers start thinking (and building) beyond the mockup. They talk about workflows, play with tools in real-time, and look at how this shift opens new doors — for freelancing, launching products, and building more value into your client work.
“Now you can push your Make project directly to a new GitHub repository. Back up your code, track version history, and keep building in your preferred development tools. Push ongoing updates from Make to your GitHub repository whenever you make changes.”
“Winners from our first global Make-a-thon offer insights on how to prototype smarter, structure products better, and push Figma Make further.”
Figma Make is pretty great for building custom diagrams for your research.
Another use case for Connectors is pushing code from Figma Make to a GitHub repository, which can be used as a project backup or source for deployment to your preferred hosting platform. Future updates to the Make file can be manually pushed to the repository. Connectors will become available later in October.
Pratik Nadagouda, Product Manager at Figma, shows how to use the upcoming Figma Make connectors to visualize PRDs and tasks with the help of 3rd-party services like Notion, Atlassian, Linear, or Asana.
Dylan Field shows a couple of projects he built in Figma Make with pre-release Sonnet 4.5. He notes that the new model is very good at planning and was able to precisely transform a Figma design into a functional code with a single prompt.
Nikolas Klein, PM at Figma: “Now you can copy any design from a Figma Make preview to the design canvas, allowing you to edit, iterate, and take your ideas further.” To make this possible, Figma purchased the technology behind a popular html.to.design plugin from my friends at <div>RIOTS. As part of this partnership, they will keep building and maintaining their plugins and tools independently, including html.to.design.
Pretty amazing what you can make without writing any code now. Congrats to all winners!
“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.”
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.
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.
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.