Skip to main content

AI wireframe generator in Figma Make

Go from words to interactive wireframes—just describe your dream layout.

Go from idea to wireframe instantly

Turn ideas into reality

Skip the dev backlog and bring your concepts to life as interactive flows, dashboards, and complete apps from simple natural language prompts.

Edit and iterate with AI

Start with prompts, then refine in the visual editor, adjust the code for more control, or prompt again to explore new directions.

Design and build in one place

Stay in flow as you create, test, and refine in a single workspace, without switching between design and dev tools.

Share or publish your prototype

Share with just your team or launch publicly.

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 a wireframe 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