Lovable
Overview
Lovable is a Swedish full-stack AI app generator that builds React + Supabase apps from prompts. Lovable Cloud auto-provisions a production-ready backend for each workspace.
Key Features
Lovable Cloud
Production-ready backend built on Supabase, auto-provisioned per workspace:
- PostgreSQL database
- Authentication (Email, OAuth)
- Storage
- Edge functions
- Production deploy support
Natural Language App Generation
Simple prompts like "build a Todo app" generate full-stack apps with frontend, backend, DB schema, and auth. Based on React + Tailwind CSS.
Credit System
Credits cover building the app (every prompt you send), running the live app (database, storage, networking), and the AI requests your finished app makes. Paid plans start with 100 monthly plan credits, and free grants — Build grants resetting daily, Cloud and AI grants monthly — are always spent before plan credits.
Figma Import
Import Figma designs and generate code from them.
GitHub Integration
Push generated code to GitHub for continued development.
Multiplayer Editing
Teams can edit the same project simultaneously, which suits internal co-creation.
Pricing
| Plan | Monthly | Highlights |
|---|---|---|
| Free | $0 | Daily grant credits to try it out |
| Pro | $25 | 100 monthly credits, commercial use, all features |
| Business | $50 | Team features |
| Enterprise | Contact | Enterprise |
Paid plans are now two tiers — Pro at $25 and Business at $50 — and both sit on top of a separate usage-based layer that bills the Cloud and AI calls your shipped app makes at runtime. A one-page MVP typically costs 30–60 credits; a three-page CRUD app with auth and a database routinely runs 150–250.
Starting September 9, 2026, Free/Pro project data is used for AI model training by default; only the Business plan opts out by default (Free/Pro can opt out individually in Account settings).
Typical Use Cases
- Rapid MVPs
- SaaS prototypes with DB and auth
- Demo apps
- Personal projects
- Implementing from Figma designs
Strengths
- ✅ Lovable Cloud production backend integration
- ✅ Supabase-based, robust
- ✅ React + Tailwind, modern stack
- ✅ Figma import support
- ✅ GitHub integration
- ✅ EU-region / GDPR aware
Weaknesses
- ❌ Credits deplete quickly — Pro's 100 monthly credits fall short of a mid-sized app
- ❌ Supabase-dependent architecture
- ❌ Struggles with complex requirements
- ❌ Limited Japanese UI/docs
- ❌ From September 9, 2026, Free/Pro data is used for AI model training by default (opt-out available)
Official Resources
- Website: https://lovable.dev
- Pricing: https://lovable.dev/pricing
- Docs: https://docs.lovable.dev
使いこなし Tips
SNS・コミュニティで共有されている実践的な使い方
- In Lovable, start a new Skill with `/skill-creator` — it analyzes your project and walks you through setting up a useful skill (Source: https://x.com/Lovable/status/2057175569280983526)
- In Lovable, save your MVP plan as an .md file in the project root before building in earnest — the agent then builds against that file on every prompt instead of drifting from the plan (Source: https://x.com/PrajwalTomar_/status/2080330348718928133)