Hey I’m Seth!

Founder, No Code MBA
Each week I share the latest No Code MBA tutorials, interviews, and tool recommendations with 20,000 subscribers.
I'd love for you to join as well.
2 min read only
Practical lessons
Free access to content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form...
00
D
00
H
00
M
00
S
SUMMER FLASH SALE: SAVE 40% →

Figma Make Review: Is the New AI Prototyper a Game-Changer or Hype?

Discover Figma Make, the AI website prototyper. Compare features, pricing, and capabilities with other AI tools in this comprehensive review.

Last updated

July 9, 2025

Advertiser disclosure: some links on this website are affiliate links, meaning No Code MBA will make a commission if you click through and purchase.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. Point one
  2. Point two
  3. Point three
  • Point one
  • Point two
  • Point three

Linkis a great example of something

Figma has entered the AI website builder arena with their new tool, Figma Make.

As a $20 beta product, it's generating buzz in the design community. But does the AI prototype designs that are actually useable?

And with the new publish feature, can it compete against AI builders like like Lovable?

We've taken a deep dive into Figma Make to give you the lowdown on its features, capabilities, and potential impact on AI-powered web design.

Getting Started with Figma Make: Features and Interface

Upon launching Figma Make, users are greeted with a clean, intuitive interface.

The platform offers two primary options: importing existing Figma designs or starting from scratch. For our test run, we opted to create a signup flow from scratch.

The interface is divided into three main sections:

  • Left panel: Chat interface for prompts and interactions
  • Center: Preview of the generated design
  • Right panel: Code view

This layout bears a striking resemblance to other AI website builders, particularly Lovable. It's worth noting that Figma recently sent a cease and desist letter to Lovable over the use of the term "dev mode," which Figma had trademarked. This move makes more sense now, given the similarities between the two platforms.

Figma Make starting point
This is what it looks like when you start with Figma Make

Figma Make vs Lovable: Key Differences and Similarities

While Figma Make and Lovable share similar interfaces, there are some crucial differences:

  • Functionality: Figma Make appears to be more focused on mockup generation, while Lovable offers full website building capabilities including backend functionality.
  • Integration: Figma Make naturally integrates with the existing Figma ecosystem, which could be a significant advantage for current Figma users.
  • Backend capabilities: At present, Figma Make doesn't seem to offer backend functionality, which is a key feature of Lovable.

Despite these differences, both tools use AI to streamline the web design process, making it more accessible to non-designers.

Exploring Figma Make's AI Mockup Generator Capabilities

One of Figma Make's standout features is its AI-powered mockup generation. The tool uses Claude Sonnet 4, a powerful language model, to interpret user prompts and generate designs. Here's how it works:

  1. Enter a prompt describing the desired design
  2. The AI generates a comprehensive mockup based on the prompt
  3. Use the "point and edit" feature to make real-time modifications
  4. Share or publish the created design

The "point and edit" feature is particularly impressive. It allows users to select any element in the preview and request changes directly through the chat interface. This level of interactivity makes the design process more fluid and intuitive.

Figma Make initial design
Figma Make Initial Design

Figma Make Pricing and Integration with Figma Subscriptions

Currently, Figma Make is available as a beta product for $20.

However, Figma has indicated plans to bundle this tool with their Pro subscriptions in the future. This integration could make Figma Make a highly competitive product, especially for existing Figma users who may not need to subscribe to additional tools like Lovable for mockup creation.

Pros and Cons of Using Figma Make for AI-Powered Web Design

Pros:

  • Seamless integration with the Figma ecosystem
  • Intuitive interface and easy-to-use features
  • Powerful AI-driven mockup generation
  • Real-time editing capabilities

Cons:

  • Currently lacks backend functionality
  • Limited to mockup creation rather than full website building
  • Still in beta, so may have some bugs or limitations

Is Figma Make Worth It?

For designers and teams already using Figma, Make could be a valuable addition to their toolkit. Its ability to quickly generate and iterate on mockups could significantly speed up the design process. However, for those needing full website building capabilities, including backend functionality, tools like Lovable might still be the better choice.

Figma Make shows promise in streamlining the mockup creation process, but it's important to consider your specific needs when deciding whether to invest in this tool. As it evolves beyond the beta stage, we may see more features added that could make it an even more compelling option for AI-powered web design.

Want to learn more about no-code tools and how to build apps without coding? Sign up for No Code MBA at https://nocode.mba/sign-up and start your journey to becoming a no-code expert today!

FAQ (Frequently Asked Questions)

What is Figma Make?

Figma Make is an AI-powered website builder and mockup generator created by Figma. It's currently available as a beta product for $20.

How does Figma Make compare to Lovable?

While both tools use AI for web design, Figma Make focuses more on mockup generation, while Lovable offers full website building capabilities including backend functionality.

Can I use Figma Make with my existing Figma designs?

Yes, Figma Make allows you to import existing Figma designs as a starting point for your AI-generated mockups.

Does Figma Make create actual websites or just mockups?

Currently, Figma Make appears to be primarily focused on creating mockups rather than fully functional websites.

Will Figma Make be included in Figma subscriptions?

Figma has indicated plans to bundle Figma Make with their Pro subscriptions in the future, but details are not yet confirmed.

Access all of this with No-Code MBA Unlimited
Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Friendly Tip!
Companies often reimburse No Code MBA memberships. Here's an email template to send to your manager.

Bring Your Ideas to Life with AI and No Code

Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Access all of this with No-Code MBA Unlimited
Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Friendly Tip!
Companies often reimburse No Code MBA memberships. Here's an email template to send to your manager.