Figma Make vs Lovable vs v0

Figma Make vs Lovable vs v0

Figma Make vs Lovable vs v0

Low-code and no-code (LCNC) development tools are nothing new: 80% of organizations already use them in one form or another. However, generative AI poises a new evolution in LCNC development, one that can boost developer productivity by 35% to 45%.

Figma decided to jump into this lucrative market with Figma Make, a prompt-based design and coding tool. But can it rival the established no-code development players, Lovable and v0? We decided to investigate.

TL;DR

  • Figma Make is more suitable for creating and iterating through functional prototypes and interactive websites, especially if you already have a Figma file.

  • Lovable is a full-stack code generator ideal for MVP and simple full-stack app development.

  • v0 is a front-end code generator best for front-end apps like dashboards and landing pages.

Figma Make Overview

figma make

Figma Make is a new addition to the company’s product line you may not be familiar with. So, what is Figma Make? In a nutshell, it’s an AI-powered tool that generates functional prototypes and web apps based on static designs in Figma Design, detailed text-only prompts, or text prompts with visual references. Presented to the public in May 2025, the tool is currently in beta and runs on Anthropic’s Claude 3.7 model.

Here’s how to use Figma Make:

  • Describe the screen layout in detail, attach a wireframe image, or import a Figma Design file

  • Edit the output via natural-language prompts

  • Export the React code for the web app

Key Features

  • Prompt-based web app generation

  • Visual references upload

  • Chat-based edits to the output

  • React code export

  • Wide range of interactions and animations supported

Pricing

The Figma Make design and coding tool requires a full seat, which currently costs:

  • $16/month (monthly billing) or $20/month (annual billing) on the Professional plan

  • $55/month (annual billing) on the Organization plan

  • $90/month (annual billing) on the Enterprise plan

Our Experience: The Good

The native support for Figma files is a huge plus, especially since the tool correctly uses all visual attributes from them. The tool also adds interactive features like hover effects by default and can enhance them on demand, making it possible to create highly interactive web apps.

Our Experience: The Bad

Figma Make AI is still in beta, and it shows. The tool struggles with remembering previous design decisions, overriding them as you enter new prompts for edits. Its output may also contain visual defects, like poor contrast between the button and its label. Finally, Figma Make works only with web designs, so mobile app designers need to look elsewhere.

Lovable Overview

lovable

Another prompt-based AI code generator, Lovable is a favorite among startup founders and business owners who can’t invest too much into MVP development services. After all, it supports a wide range of websites and apps, easily integrates with Figma and GitHub, and can generate both front-end and back-end code.

Key Features

  • Templates for websites, front-end and full-stack apps, dashboards, and internal tools

  • Support for two-way GitHub repository sync

  • Built-in code and visual editor

  • React, Tailwind CSS, and JavaScript for front-end code

  • Supabase integration for backend capabilities

  • SQL code generation for databases

  • Possible to generate custom integrations

  • AI-powered debugging

Pricing

Lovable is available under four plans:

  • Free: 5 daily credits, up to 30 credits per month

  • Pro ($25/month): 100 monthly credits + 5 daily credits, up to 150 per month

  • Business ($50/month): 100 monthly credits + 5 daily credits, up to 150 per month

  • Enterprise (custom pricing)

Our Experience: The Good

Lovable is the Swiss Army Knife of prompt-based website and app builders. You can ask it to integrate your app with Stripe, tweak the layout via a Figma-like editor, add databases and user authentication services, and debug your code. This versatility is something Figma Make can’t boast yet. Full-stack app support is also an advantage.

Our Experience: The Bad

By its nature, Lovable is more geared towards developers who can review, edit, and debug the generated code where necessary. So, non-technical users might find the learning curve a bit steep. On top of that, the credit limit may be too restrictive if you’re working on a complex project.

v0 Overview

v0

Built by Vercel, v0 is a code-first AI builder that generates React and Tailwind CSS code based on a text prompt. You can preview the code in a live editor and sync it with a GitHub repository. While it can significantly speed up front-end development, it lacks the ability to generate whole full-stack apps.

Key Features

  • Support for design system import

  • Sync with GitHub and Vercel

  • Output in React and Tailwind CSS

  • Live preview

  • Figma import

Pricing

v0 offers four plans:

  • Free: $5 of monthly credits

  • Premium ($20/month): $20 of monthly credits

  • Team ($30/user/month): $30 of monthly credits per user

  • Enterprise: custom pricing

An extra 1 million tokens for input is equivalent to $1.5. Output tokens cost $7.50 per million.

Our Experience: The Good

The generated React and Tailwind CSS code is clean and efficient from the get-go, requiring few tweaks in most cases. Seamless integration with GitHub is always a plus, and so is Figma import support.

Our Experience: The Bad

Much like Lovable, v0 is meant for developers who can review and tweak the generated code if necessary. You should still watch out for edge cases since v0 can’t effectively predict and handle them. Plus, v0 can’t boast the same versatility as Lovable as it doesn’t support backend or database code generation.

v0

Built by Vercel, v0 is a code-first AI builder that generates React and Tailwind CSS code based on a text prompt. You can preview the code in a live editor and sync it with a GitHub repository. While it can significantly speed up front-end development, it lacks the ability to generate whole full-stack apps.

Key Features

  • Support for design system import

  • Sync with GitHub and Vercel

  • Output in React and Tailwind CSS

  • Live preview

  • Figma import

Pricing

v0 offers four plans:

  • Free: $5 of monthly credits

  • Premium ($20/month): $20 of monthly credits

  • Team ($30/user/month): $30 of monthly credits per user

  • Enterprise: custom pricing

An extra 1 million tokens for input is equivalent to $1.5. Output tokens cost $7.50 per million.

Our Experience: The Good

The generated React and Tailwind CSS code is clean and efficient from the get-go, requiring few tweaks in most cases. Seamless integration with GitHub is always a plus, and so is Figma import support.

Our Experience: The Bad

Much like Lovable, v0 is meant for developers who can review and tweak the generated code if necessary. You should still watch out for edge cases since v0 can’t effectively predict and handle them. Plus, v0 can’t boast the same versatility as Lovable as it doesn’t support backend or database code generation.

v0

Built by Vercel, v0 is a code-first AI builder that generates React and Tailwind CSS code based on a text prompt. You can preview the code in a live editor and sync it with a GitHub repository. While it can significantly speed up front-end development, it lacks the ability to generate whole full-stack apps.

Key Features

  • Support for design system import

  • Sync with GitHub and Vercel

  • Output in React and Tailwind CSS

  • Live preview

  • Figma import

Pricing

v0 offers four plans:

  • Free: $5 of monthly credits

  • Premium ($20/month): $20 of monthly credits

  • Team ($30/user/month): $30 of monthly credits per user

  • Enterprise: custom pricing

An extra 1 million tokens for input is equivalent to $1.5. Output tokens cost $7.50 per million.

Our Experience: The Good

The generated React and Tailwind CSS code is clean and efficient from the get-go, requiring few tweaks in most cases. Seamless integration with GitHub is always a plus, and so is Figma import support.

Our Experience: The Bad

Much like Lovable, v0 is meant for developers who can review and tweak the generated code if necessary. You should still watch out for edge cases since v0 can’t effectively predict and handle them. Plus, v0 can’t boast the same versatility as Lovable as it doesn’t support backend or database code generation.

In Conclusion: Our Verdict

All three tools represent a leap in how ideas become interfaces, but Figma Make somewhat lags behind its competitors for now. We’d recommend you use:

  • Figma AI Make design-to-code for functional prototypes and interactive websites;

  • Lovable for MVP development and simple full-stack apps;

  • v0 for simple front-end apps like landing pages, dashboards, and prototypes.

Sep 24, 2025

By

Fivecube Team

Want a tailored solution?

Let’s build something great together!

By clicking ‘Submit,’ you consent to our Privacy Policy and marketing use of your information.