Figma Make starts from your design files and systems, while Lovable starts from chat prompts and credits. Here is how they differ and where WordPress fits.
LovablePrompt-to-app builder with credit-based plans
The short answer
Figma Make suits teams whose source of truth is a Figma file, since it uses design systems, frames and Make kits. Lovable suits prompt-first builders working on credit-based plans. Neither outputs WordPress pages, so plan a conversion step for client sites.
Figma Make starts from design assets and keeps output movable between code and the Figma canvas. Lovable starts from prompts and sells credit-based plans. Pick Figma Make when design files lead, and Lovable when a prompt leads.
Which one for your situation
Your source of truth is a Figma design systemFigma MakeMake uses design systems, Make kits and npm packages.
You want to attach frames and PDFs as contextFigma MakeMake accepts Figma frames and PDFs alongside prompts.
You want a clear free plan with daily creditsLovableLovable's free plan grants 5 build credits a day, up to 30 a month.
You need shared workspaces for a teamLovableLovable lists shared workspaces on all plans with unlimited members.
You need a built-in CMS for prototype contentFigma MakeMake lists a built-in CMS powered by Payload.
The finished site must be editable in WordPressEitherNeither tool outputs WordPress pages, so convert the build afterward.
Figma Make vs Lovable: side by side
Feature
Figma Make
Lovable
Starting point
Design assets, frames, PDFs or a codebase
Chat prompts
Design system use
Design systems and Make kits
Not listed on its pricing page
Output
Code-backed, movable between code and the Figma canvas
App projects
Built-in CMS
Yes, Payload-powered
Cloud credits listed on the free plan
Extensibility
Custom skills and MCP connectors
Not listed on its pricing page
Collaboration
Comments and version history
Shared workspaces on all plans
Plans
Make-specific pricing not listed on its page
Free, Pro, Business, Enterprise
Maturity notes
Local codebase use is Beta; production asset conversion is coming soon
Not listed on its pricing page
Choose by tool
Choose Figma Make if
Your team already works in Figma.
You want to reuse design systems and Make kits.
You want to attach frames and PDFs as input.
You want comments and version history in the same tool.
Choose Lovable if
You prefer a prompt-first workflow.
You want a free plan with a daily credit grant.
You need shared workspaces with unlimited members.
You expect to scale to Business or Enterprise plans.
What is the difference between Figma Make and Lovable?
Figma Make starts from design assets, frames and design systems and stays connected to Figma. Lovable starts from prompts and runs on credit-based plans. Choose by whether your source of truth is a design file or a prompt.
Does Figma Make export production code?
Its page describes code-backed output with visual editing, movable between code and the Figma canvas. Local codebase use is listed as Beta, and production-ready asset conversion is listed as coming soon.
How much does Lovable cost?
Lovable lists Free, Pro, Business and Enterprise plans. The free plan grants 5 build credits a day, up to 30 a month, plus 20 Cloud credits a month. Check lovable.dev/pricing for paid plan figures.
Figma Make lists MCP connectors and custom skills on its features page. Lovable's pricing page does not mention MCP, so check its product docs for current support.
Which is better for agencies?
Agencies delivering client sites need visual editing after launch. See AI to WordPress for agencies for a build-then-convert workflow.
