AI UX design in Figma Make
Design, prototype, and test ideas faster—with the power of AI.
Design better user experiences with AI
Design user flows with natural language
Use simple prompts to describe screens, states, and behaviors—Figma Make builds the foundation for real interaction design.
Stay in flow from idea to interaction
Skip the tool-switching. Figma Make keeps your design, prototyping, and iteration in one place.
Explore interactions with real data
Test usability and experience logic by connecting your prototype to your backend or using sample content.
Iterate on structure and behavior
Prompt for layout changes, animations, or logic—and refine every detail to match your UX goals.
Built by real designers.
See what designers are building with AI UI tools in Figma Make—from marketing pages to product dashboards to mobile-first flows.
- Daniela Muntyan
- Abhiram Ramoju
- Yossef Saeed
- Joshua Guo
How to use AI for UX design in Figma Make
Start from scratch in Figma Make or use an existing frame from Figma Design.
Use prompts to define layout, flow, or behavior. Think in terms of the user journey.
Figma Make builds an interactive version with responsive logic and optional real data.
Prompt again, adjust details in the editor, or collaborate with your team—all in the same file.
FAQs
AI UX design uses artificial intelligence to assist with layout generation, prototyping, and interaction logic—so designers can focus on testing and improving the user experience. Figma Make is built to support that workflow with simple prompts and flexible editing.
Figma Make lets you use prompts to build prototypes that behave like real experiences. You can test logic, layouts, and flows with real data—all within the design file.
No. You can design and prototype with prompts—no coding required. But you can explore and edit the underlying logic if you want more control.
You can try Figma Make for free on the Starter plan. Advanced features are available on paid plans.
You can prototype onboarding flows, navigation systems, error states, empty states, and more—any moment in the user journey.
Yes. Figma Make integrates with a backend so you can use real content or API data.
Figma's 2026 AI report found that as AI handles more production work, designers are moving earlier into the product process, shaping direction alongside PMs and engineers rather than only delivering artifacts at the end. 57% of product builders say design is more important than it was before AI, and the teams using AI most deeply are 25% more likely to agree.
20% faster and 16% easier. In Figma's study on how designers and PMs save time with Figma Make, 50 product managers and 50 designers were timed by independent research firm MeasuringU replicating three reference designs, with and without Figma Make.
From the blog
How Lufthansa Systems prototypes realistic maps for the cockpit with Figma Make
Pilots depend on in-flight software to navigate routes, see air traffic, avoid turbulence, and more. To bring more dynamic prototypes to user testing, Lufthansa Systems turned to Figma Make.
Create, ship, and manage data-backed websites with Payload in Figma
With Payload in Figma, teams can go from prototype to production together, managing their content and data all in one place.
Measuring time savings from Figma Make
The Figma Data Science team assumed that AI saves users time—but quantifying it required a new approach to research design.
A properties panel and annotations, now in Figma Make
With visual editing and annotations, Figma Make is bridging the gap between design and code. Select any element you want to change, adjust it directly in the properties panel, or write in-context prompts with annotations.
Workflow lab: Deploying designs directly with Figma Make
The handoff from design to code doesn't have to be a one-way street. This workflow shows how a designer can connect a codebase to Figma Make, make the changes directly, and bring the whole team into review—right up to the PR.
How Decagon uses AI for design system saturation
The fast-growing customer experience platform explains how Figma MCP and Figma Make helped them scale a new design system and keep pace with customer requests.
More resources
What is MCP?
Read articleLearn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.
What is Vibe coding?
Read articleVibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.
How to design an app in five steps
Read articleBuilding an app requires research and constant iteration to meet customer needs. Learn how to design an app and how Figma can help in this guide.