Promote Sign in Sign up

Design

Figma Make ✓

Prompt to code anything you can imagine.

573 views 122.6M/mo traffic 5 saves Freemium
AI Design Tool Prototyping UX Design
More categories (4)
Design Systems Web Design Wireframing Design
Visit website Sign in to save

Free + from $3/mo

Verdict

A quick read before you dig into the full page.

Best if
Prompt to code anything you can imagine
Skip if
High learning curve
Pick this when
Create and prototype feature

Considering Kolors AI instead? Compare side by side

Overview

Figma Make is an AI-powered design tool that facilitates turning ideas into reality and allows users to generate, iterate, and build faster, all within one creative space.

It incorporates various design process features, from the initial drafting of an idea to the development of high-fidelity prototypes. Figma Make brings an extra level of customization, giving users the ability to guide the AI in bringing their unique designs to life.

It has a feature to refine a design based on AI suggestions, even if the user does not have specific design or coding experience. Users can further collaborate with the AI and directly edit its outputs, such as adjusting copy, replacing images, or fine-tuning spacing.

Additionally, Figma Make can connect to tools like Supabase, allowing for the easy transformation of design concepts into functional web apps, without the need for programming skills.

The tool is integrated with other Figma products, providing seamless experience when enhancing, testing, and publishing designs. It's especially geared towards design systems, prototyping, UX design, web design, and wireframing.

Figma Make website

Access & connections

Where you can use Figma Make, and what it plugs into.

Platforms

Web

Integrations

Figma Make

Capabilities

What this tool accepts, produces, and is strongest at.

Input

  • Text

Output

  • Code

Pros & cons

Pros

  • Create and prototype feature
  • Iterative design facilitation
  • High-fidelity prototypes development
  • Customization of designs
  • No coding knowledge required
  • Supabase integration for app development
  • Seamless other Figma products integration
  • Geared towards diverse design types
Show 14 more
  • Interactive design capability
  • Design to code feature
  • Supports design testing and publishing
  • Facilitates drafting of ideas
  • Collaborative design experience
  • Easy transformation of design to apps
  • UX design facilitation
  • Web design and wireframing geared
  • Prototyping design tool
  • Design system focussed
  • Integrated with Figma community
  • Suitable for beginners and professionals
  • Empowers non-technical design refinement
  • Prompt to code functionality

Cons

  • Limited to Figma ecosystem
  • Dependent on Supabase integration
  • Limited customization options
  • High learning curve
  • No offline mode
  • No direct coding capability
  • Potentially narrow design diversity
  • Lack interoperability with other software
Show 1 more
  • Strictly web-based

Compare alternatives

Similar tools in the catalog — with a clear reason to open each one.

Free + from $15

Full comparison

Why look Offers a public API

Full comparison

Why look Higher community rating

Full comparison

Why look Better for writing

Full comparison

Why look Offers a public API

Full comparison

Free + from $20/mo

Full comparison

Releases 1

Initial release January 2, 2025 Current
Initial release of Figma Make.

FAQ 12

What is Figma Make?
Figma Make is an AI-powered design tool that allows its users to transform their ideas into reality. It offers a unified creative space where users can draft, iterate, generate, and build their designs efficiently and quickly. It is primarily intended for tasks such as design systems, prototyping, UX design, web design, and wireframing. Figma Make also has a prompt to code feature that facilitates the creation of anything you can imagine.
How does AI power Figma Make?
AI powers Figma Make by offering intelligent suggestions and automating certain parts of the design process. The AI in Figma Make allows users, even those without specific design or coding experience, to refine a design based on its suggestions. It also assists in modifying its outputs to fit the user's needs, such as adjusting the text, swapping images, or fine-tuning the spacing.
What features does Figma Make offer for the design process?
Figma Make offers a multitude of features that facilitate the entire design process. It helps users draft out their ideas, and then rapidly iterate and build those ideas within a single creative space. It has a feature that refines designs based on AI suggestions, even if the user lacks specific design or coding skills. The platform also allows the users to collaborate with the AI and modify its outputs directly like adjusting text, substituting images, or fine-tuning the space. Figma Make can connect to external tools like Supabase to convert design concepts into functional web apps.
What kind of customization does Figma Make offer?
Figma Make offers extensive customization capabilities. Users can guide the AI as it brings their unique designs to life. They have the option to edit the AI's outputs directly, such as adjusting copy, replacing images, or changing padding and margins. It also allows users to keep everything visually consistent with their design system by adding styling context from their Figma library.
What is the feature of Figma Make that allows refining design based on AI suggestions?
Figma Make has a feature that refines designs based on AI suggestions. It allows users, even if they don't hold specific design or coding knowledge, to fine-tune their designs by selecting parts of the design they want to refine and prompting the AI to change the appearance.
Can I edit the outputs of Figma Make?
Yes, you can edit the outputs of Figma Make. It allows users to collaborate with the AI and directly modify its outputs, such as rewriting copy, replacing images, or adjusting padding and margins.
How does Figma Make facilitate collaboration with its AI?
Figma Make facilitates AI collaboration by allowing users to directly modify the AI's outputs to better meet their needs. This includes the flexibility to rewrite text, replace images or adjust spacing. Even without specific design or coding skills, users can refine their designs with AI suggestions. It offers an intuitive interface for users to interact and collaborate with the AI-generated designs.
What is the Supabase integration in Figma Make?
The Supabase integration in Figma Make allows users to connect their design concepts to Supabase, a realtime and RESTful API and Postgres database. This enables the transformation of design concepts into working web applications.
What are the benefits of Supabase integration in Figma Make?
The benefits of Supabase integration in Figma Make include the capability to turn design concepts into functional web applications without requiring coding skills. Supabase provides additional functionalities like user authentication, data storage, connecting to private APIs, and more. In essence, the Supabase integration simplifies the process of building web applications from design concepts.
How does Figma Make integrate with other Figma products?
Figma Make integrates with other Figma products to provide a seamless design experience. You can incorporate the power of Figma Make into Figma Sites to easily customize your website, test interactions, and publish. Selected frames in Figma Sites can be brought to life with Figma Make.
Is Figma Make suited for UX design and prototyping?
Yes, Figma Make is ideally suited for UX design and prototyping. The platform is designed to support and streamline these pivotal aspects of the design process. It allows users to rapidly generate, iterate, and build their design ideas, all within one unified creative space.
What kinds of designs can I create using Figma Make?
With Figma Make, you can create a wide variety of designs. This includes, but is not limited to, design systems, prototypes, UX designs, web designs, and wireframes. Figma Make is equipped with features that enable the creation and iteration of any design idea you can imagine.
Figma Make Free + from $3/mo
Visit website