Skip to main content

Introducing Figma Make: A new way to test, edit, and prompt designs

Peter NgProduct Designer, Figma
Rohit ChouhanSoftware Engineer, Figma
Tom DuncalfSoftware Engineer, Figma
A chatbox reads, “Create this music player, and have the disc spin with every new track to bring it to life.” On the right, a CD is displayed next to a tracklist.A chatbox reads, “Create this music player, and have the disc spin with every new track to bring it to life.” On the right, a CD is displayed next to a tracklist.

Today we’re introducing Figma Make, a new prompt-to-app 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.

Design is the art of problem-solving. But problem-solving isn’t linear—where it starts, where it stops, and how it will evolve depends on where you are in the process, and where you think you might want to go. At Figma, we are always searching for ways to make it easier to go from idea to working product. But so many great ideas are often left unexplored due to time, tools, or knowledge gaps. Today we are launching Figma Make, a new prompt-to-app tool for designers and product teams to explore possibilities, no matter where they are in their process—whether it's testing out design directions, editing in code, or prompting a proof of concept.

Making your designs “real enough” to play with can be time-consuming or require you to code. That's why we built Figma Make: so you can go beyond just imagining how your designs will feel—and actually experience them. Just start with a design and prompt how you want it to come to life.

A note on our model:

Figma Make currently uses Claude 3.7 Sonnet; we will begin introducing other models in the future.

Start with design, not from scratch

We believe generative AI will transform who can design and how—and that design itself is only going to become more important in the era of AI. That’s because the design process is rarely 0-1. Design inspiration can start anywhere, not just at “0”—an early sketch, a fully fleshed out prototype—and what’s more, “1” is rarely ever the endpoint.

With Figma Make, you don't have to start from zero. You can give the model the design itself by copying your existing frames from Figma Design—preserving their structure and metadata. Then, through simple natural language prompts, Figma Make can transform those designs into interactive experiences you can actually use, and that maintain your design’s original intent.

A chatbox prompt reads “Add an animation when you open and close the settings panel.” On the right hand side, audio settings include cross fade, streaming quality, download quality, and an equalizer.A chatbox prompt reads “Add an animation when you open and close the settings panel.” On the right hand side, audio settings include cross fade, streaming quality, download quality, and an equalizer.
Use natural language prompts to transform your designs into tangible experiences.

From static to interactive in minutes

A static design can only convey so much, making it hard to get everyone aligned or assess feasibility. Figma Make creates new possibilities for teams throughout the design process:

  • Interactive prototyping: Transform static designs into fully interactive prototypes. Add animations, interactive buttons, and real-time feedback without complex code.
  • Dynamic data: Test features with real data—upload files, visualize information dynamically, and experience designs as they would actually work.
  • Responsive adaptations: Transform designs across form factors. Create a desktop version of your mobile app to test across platforms.

In addition to this level of control and specificity, soon the ability to apply third-party database integrations and design systems will give your explorations form as well as function.

Multiplayer exploration in real-time

Because Figma Make is embedded within the Figma platform, and collaborative by default, it serves as a powerful all-in-one tool that designers and product managers can use to define, iterate, and polish ideas from start to finish all within a single source of truth.

Anyone from the team can add features, incorporate data, or test new interaction models—all in the same file, in real-time—no matter their role or technical background. By eliminating the code barrier, Figma Make enables everyone on the team to meaningfully contribute to the design experience.

Point-and-prompt precision

Figma Make introduces an intuitive editing approach that matches how designers naturally communicate. You can simply point to an element and describe the change you want: “Make this button trigger an animation” or “Have this element respond to scrolling.” This precision eliminates the traditional gap between design intent and functional implementation. The structured approach also preserves your design system and component hierarchy while adding interactive behaviors, maintaining design fidelity throughout the process.

A timestamp is selected, and an AI prompt reads, “Animate the timestamp when a song is played.”A timestamp is selected, and an AI prompt reads, “Animate the timestamp when a song is played.”
Easily capture your design intent with intuitive editing.

Seamless canvas-to-code workflow

Figma Make integrates directly with your existing Figma workflow, from Figma Design to Figma Sites. This creates a continuous path from initial concept to interactive prototype to published site, all without switching contexts or rebuilding work in different tools.

Expanding design's possibilities

Rather than replacing the deeply crafted, iterative work that is so critical to the design process—Figma Make reinforces it: It lets you validate concepts faster, explore directions more thoroughly, and communicate ideas more effectively. Our aim is to help designers move fluidly between thinking and making—validating ideas quickly while maintaining craft and intention, ultimately empowering them to create more refined products in less time.

Figma Make supports rapid ideation regardless of expertise level, getting you into flow state more quickly, and hopefully making the entire process fun along the way. We can't wait to see what you build.

Peter Ng is a designer working on AI at Figma. Before Figma he was head of design at Spatial, led design teams at Uber and Android, and a founding designer of Material Design.

Rohit is a software engineer crafting the future of AI tools in the Figma ecosystem. He has helped launch several key products including widgets, Dev Mode, and most recently, Figma AI in Actions. Before Figma, Rohit graduated from Rice University with a degree in Computer Science.

Tom is a software engineer working at the intersection of AI and developer tools at Figma.

Subscribe to Figma’s editorial newsletter

By clicking “Submit” you agree to our TOS and Privacy Policy.

Create and collaborate with Figma

Get started for free