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.”
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.”
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.”
In this video, Figma shows how you can use Figma Make to brainstorm and prototype new product features and ideas.
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.
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.”
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.
Loredana Crisan, Chief Design Officer at Figma, introduces Gemini 3 Pro as a new experimental model in Figma Make.
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.
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.