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




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.

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.

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.