Skip to main content

AI UI generator in Figma Make

Describe the interface. Figma Make builds it—fast, and fully editable.

Design polished interfaces with AI

Generate UIs through prompts

From buttons to complex layouts, Figma Make builds full interfaces based on what you describe.

Refine and reuse components

Every UI element is editable—just prompt for updates or fine-tune the details.

Automate layout and structure

Let AI handle hierarchy, alignment, spacing, and responsiveness. Figma Make automates the details for you.

Preview and iterate faster

Test your app in context. Prompt small changes—or pivot to something completely new.

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.

How to generate UI with AI in Figma Make

FAQs

From the blog

  • 8 essential tips for using Figma Make

    Here, we share our team’s favorite prompts, pro tips, and best practices for using Figma Make to help you get the most out of our recently launched prompt-to-code feature.

    Read article
  • Bringing Figma Make to the canvas

    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.

    Read article
  • Prompt, prototype, perfect: Figma Make is now available to all users

    Today, all Figma AI features and products are moving out of beta, including Figma Make—which is now available for everyone to try. Here’s how teams are using the prompt-to-app tool to dream bigger, move faster, and work better together.

    Read article
  • Introducing Figma Make

    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.

    Read article

[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop

  • What is MCP?

    Learn about Model Context Protocol (MCP), the open standard that simplifies AI integration like a USB-C for data.

    Read article
  • What is Vibe coding?

    Vibe coding combines mood-driven design with seamless coding to create immersive digital experiences that connect emotionally and function flawlessly.

    Read article
  • How to design an app in five steps

    Building 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.

    Read article