FAQ
Frequently asked questions about Lovable
Lovable Interface
What is the Lovable dashboard?
What is the Lovable dashboard?
The dashboard is where you manage your projects, view your credits, control project visibility, and access settings.
How should I structure my prompts for the best results?
How should I structure my prompts for the best results?
- Be clear and specific (e.g., “Create a signup page with email and password using Supabase.”).
- Avoid vague instructions.
- Describe expected outcomes to guide the AI.
How do I change my project’s visibility?
How do I change my project’s visibility?
In your project settings, you can toggle your project between public and private mode.
What does the chat feature do?
What does the chat feature do?
The chat feature allows you to interact with Lovable’s AI without modifying your code. You can ask questions, get explanations, and debug issues.
Can I see the code that Lovable generates?
Can I see the code that Lovable generates?
Yes, you can toggle the code viewer to inspect the AI-generated code.
Can I edit the generated code?
Can I edit the generated code?
Yes, but full code editing is available only on certain paid plans. However, you can use Lovable’s edit mode to make changes visually.
How do I create a landing page?
How do I create a landing page?
Simply type a prompt like:Lovable will generate a page based on your input.
“I want to build a landing page for an AI platform targeting psychologists.”
Can I import designs from Figma?
Can I import designs from Figma?
Yes, you can import Figma files to Lovable and use them as a starting point for your project.
How do I add animations to my project?
How do I add animations to my project?
Use a prompt like:Lovable supports frameworks like P5.js for animations.
“Add cool animations to the hero section.”
How do I connect my project to a database?
How do I connect my project to a database?
You can use Supabase, a backend-as-a-service solution that integrates seamlessly with Lovable.
Can I add authentication to my project?
Can I add authentication to my project?
Yes, you can integrate authentication using Supabase, Clerk, or Magic.link by prompting Lovable to create login and signup pages.
How do I track changes in my project?
How do I track changes in my project?
Lovable provides a history feature where you can view and restore previous versions of your project.
What is a remix?
What is a remix?
Remixing a project creates a duplicate that you can modify separately, allowing you to explore different versions of your project.
Can I copy and edit someone else’s project?
Can I copy and edit someone else’s project?
If a project is public and remixing is enabled, you can create your own copy and customize it.
Can I export my project and host it elsewhere?
Can I export my project and host it elsewhere?
Yes! By linking your project to GitHub, you can export your code and host it on your preferred server.
Can I integrate payment systems?
Can I integrate payment systems?
Yes, Lovable supports Stripe, PayPal, and other payment providers. Just prompt Lovable to set up the payment system you prefer.Follow this guide to set it up.
Can I invite others to collaborate on my project?
Can I invite others to collaborate on my project?
Yes, view details on collaboration here.
Can I showcase my projects?
Can I showcase my projects?
Yes! You can share your project in the Lovable Launch section and on social media.
Does Lovable support mobile app development?
Does Lovable support mobile app development?
No, Lovable is focused on web applications, but you can design mobile-friendly web apps.
Getting Started
What is Lovable?
What is Lovable?
Lovable is an AI-powered platform that enables users of any skill level to create full-stack web applications without requiring coding expertise by simply describing what they want in plain English. Instead of hiring developers, users can generate web apps or websites instantly.
How do I sign up and get started?
How do I sign up and get started?
Simply create an account on Lovable, explore the interface, and start building by typing prompts that describe what you want to create.
What can I build with Lovable?
What can I build with Lovable?
You can build landing pages, web applications, AI-powered tools, authentication systems, and more.
Can I start from templates?
Can I start from templates?
Yes! Lovable offers pre-built templates to help you get started quickly. Browse them here.
Can I import existing code from GitHub?
Can I import existing code from GitHub?
Not yet, but we’re exploring this feature request.
How do I build a role-based system for a SaaS app?
How do I build a role-based system for a SaaS app?
Creating a secure, role-based system involves:
- Using Supabase authentication to assign user roles (Admin, User, Guest, etc.).
- Applying Row-Level Security (RLS) to control data access for different users.
- Leveraging Edge Functions for API security, ensuring only authorized users can perform specific actions.
Does prompt optimization count towards my usage limit?
Does prompt optimization count towards my usage limit?
Yes, prompt optimization may use tokens, but Lovable is designed to minimize unnecessary interactions and maximize efficiency.
Do I need coding experience to build an app?
Do I need coding experience to build an app?
No! Lovable is designed for all levels of experience. Whether you’re a developer or a non-technical user, you can easily create projects using AI assistance.Lovable allows non-technical users to create apps through a structured workflow: plan, prompt, scaffold, debug, and deploy. You can generate project documentation, break the process into steps, and let AI guide you.
Can I learn coding with Lovable?
Can I learn coding with Lovable?
Yes! The best way to learn is by doing. Lovable helps you understand coding by:
- Generating and explaining code.
- Encouraging pattern recognition in AI-generated responses.
- Allowing experimentation and debugging.
- Coding with AI by 50in50Challenge (free)
- Build & Launch with Lovable by Harry ($20)
- Weekend Developer Live Sesh by David Szabo-Stuban ($97)
How long does it take to build a full-stack app?
How long does it take to build a full-stack app?
It depends on complexity. By breaking tasks into smaller steps, planning ahead, and refining based on feedback, you can move quickly while ensuring quality.
How do I build my website with Lovable?
How do I build my website with Lovable?
- Structure the site – Define key sections like homepage, about, features, and testimonials.
- Design – Customize fonts, colors, and layouts for a professional look.
- Add content – Embed images, videos, and text to make it engaging.
- Refine & launch – Optimize responsiveness and ensure smooth interactions.
Do I need a Chief Technical Officer (CTO) for my MVP?
Do I need a Chief Technical Officer (CTO) for my MVP?
No! If your project is straightforward, Lovable’s AI can help you build and refine it. However, if you plan to scale rapidly or need advanced features, having technical support may be beneficial.
What should I do if I encounter an issue with Lovable?
What should I do if I encounter an issue with Lovable?
Lovable provides an AI-driven debugging tool that analyzes errors in real time. If an error occurs:
- Click “Try to Fix.”
- Use Chat Mode to describe the issue and ask Lovable to debug it.
- Review error logs and console output for additional details.
What is Supabase and how does it help Lovable users?
What is Supabase and how does it help Lovable users?
Supabase is an open-source backend-as-a-service that provides authentication, databases (PostgreSQL), storage, and real-time capabilities. It helps Lovable users by handling data storage, authentication, and other backend functionalities without requiring manual setup.
What’s the best way to structure a project in Lovable?
What’s the best way to structure a project in Lovable?
Start with chat mode to explore your idea and build a plan. Only move to edit mode once the vision is clear. Many users spend 80% of their time in chat, not building—planning.
Can I send diagrams or screenshots?
Can I send diagrams or screenshots?
Yes! Diagrams (from Miro/FigJam/etc.) and screenshots are super helpful—especially for flows and UI bugs. While videos aren’t supported yet, screenshots can often do the job.
Development & Features
Can I download the code Lovable generates?
Can I download the code Lovable generates?
Yes! You can access and manage your generated code via our GitHub integration.
Does Lovable support custom backends?
Does Lovable support custom backends?
Yes! Lovable-generated code can connect to any backend, including Supabase for database management and authentication.
What frameworks does Lovable support?
What frameworks does Lovable support?
Currently, Lovable supports Vite and React. NextJS and React Native are not yet available.
How does Lovable handle duplicate code?
How does Lovable handle duplicate code?
AI now detects and removes duplicate files, preventing errors and ensuring clean project management.
What is a webhook?
What is a webhook?
A webhook allows two applications to communicate in real-time by sending data when an event occurs (e.g., a new user signs up, triggering an email notification).
What is refactoring, and why is it important?
What is refactoring, and why is it important?
Refactoring improves code structure and efficiency without altering functionality. It helps:
- Optimize performance by removing redundancies.
- Improve maintainability for future updates.
- Prevent conflicts by structuring logic more clearly.
Can I use Lovable for frontend development?
Can I use Lovable for frontend development?
Yes! Lovable is perfect for frontend development, offering:
- Component-Based Development – Build with React and Vite.
- AI-Assisted Code Generation – Generate layouts and UI components easily.
- Mobile-First Design – Implement responsive designs with Tailwind CSS.
- Real-Time Preview – See changes instantly and deploy efficiently.
How can I improve my project with Lovable?
How can I improve my project with Lovable?
- Refine components using AI-driven prompts.
- Add new features with clear, detailed instructions.
- Edit UI elements directly using select-to-edit.
- Track and revert changes via version history.
What’s the best way to prevent unexpected regressions when validating code?
What’s the best way to prevent unexpected regressions when validating code?
- Use chat mode to verify changes before applying them.
- Lock critical files to prevent unintentional edits.
- Implement version control (GitHub) to track changes.
- Write detailed prompts so the AI understands dependencies.
How can I improve SEO for my Lovable app?
How can I improve SEO for my Lovable app?
Lovable apps are single-page applications (SPAs), which can impact SEO. To improve SEO:
- Use metadata and Open Graph tags.
- Optimize for server-side rendering (SSR) using tools like Vercel.
- Generate static pages for better indexing.
Can I use Lovable with a custom domain?
Can I use Lovable with a custom domain?
Yes, you can set up custom domains using Entri, Vercel, Netlify, or other hosting services.
How do I deploy a Lovable app?
How do I deploy a Lovable app?
- Click the Publish button, and Lovable will deploy your project to a live URL.
- Lovable will generate a shareable URL.
- You can also connect for custom domain hosting.
Can I edit Lovable-generated code?
Can I edit Lovable-generated code?
Yes! Lovable provides a Code Viewer that allows paid users to view and make minor edits to the underlying project files. You can enable this feature in **Account Settings > **
What is an Edge Function?
What is an Edge Function?
An Edge Function is a small serverless function in Supabase that runs logic on the backend, such as sending emails or processing API calls.
What should I include in my Knowledge File?
What should I include in my Knowledge File?
Everything. Treat it like a product brief:
- Vision & goals
- User persona & journey
- Naming (project, company, pages)
- Feature breakdown
- Guidelines like:
- “Be incremental when building.”
- “Don’t over-engineer.”
- “Stick to the design system.”
Debugging & Troubleshooting
What should I do when I hit an error that won’t go away?
What should I do when I hit an error that won’t go away?
Great question! You’re not alone—everyone runs into these loops sometimes.Here’s what we recommend:
1
Try to fix (free)
Try fixing the error twice using edit mode or chat mode.
2
Chat Mode
If it still loops or creates more issues, switch fully to chat mode and debug by explaining what you’re seeing.Use prompts like:
- “Explain the error and how to fix it.”
- “List the steps you’re taking and why.”
- “What’s different between this and your previous solution?”
3
Restore
If that doesn’t work, restore a previous working version, remix the project, or report it via Discord or paid support.
Bonus tip:Add a Knowledge File early on with your vision, rules, and structure. That context helps the AI stay on track.
Where can I get help if I'm stuck?
Where can I get help if I'm stuck?
- Use Chat Mode for AI assistance.
- Check documentation for guidance.
- Join the Discord community for real-time help.
What should I do when my app breaks?
What should I do when my app breaks?
Here’s a safe recovery pattern:
- Version tag every stable moment.
- If something breaks, don’t keep building—revert.
- Remix from a working front-end version and re-implement backend or complex logic gradually.
How do I avoid prompt confusion or loops?
How do I avoid prompt confusion or loops?
Give more context, not less. Long, structured prompts work better:
- Describe what the user should see, click, and do.
- Clarify what part of the app it affects.
- Be explicit: “Add a login button that redirects to dashboard after login (Google, Slack, email).”
What support options do I have?
What support options do I have?
2 options here:
- Free users: Community help via Discord.
- Paid users: Access to AI-powered support plus the “Speak to a human” option anytime (platform-related issues). We respond same-day for paid users.
AI and Automation
Can I add third-party APIs to my project?
Can I add third-party APIs to my project?
Yes, you can integrate APIs like OpenAI, Stripe, and more by specifying them in your prompt.
Can I store sensitive API keys in Lovable?
Can I store sensitive API keys in Lovable?
No! Never enter your API keys directly in Lovable. If you’re integrating with an API, we recommend you use Supabase secrets to store your API keys, in combination with the Supabase Edge Functions.
How does Lovable AI remember context?
How does Lovable AI remember context?
Lovable processes recent messages to maintain context. For the best results, include relevant details in each prompt to ensure clarity and accuracy.
Can Lovable build complex B2B SaaS apps?
Can Lovable build complex B2B SaaS apps?
Yes! Lovable supports:
- Workflow automation for business processes.
- Role-based access controls for different user levels.
- Document generation with built-in logic for approvals and signatures.
- & so much more.
Why did Lovable switch from Python to Go?
Why did Lovable switch from Python to Go?
Lovable migrated from Python to Go to improve performance, scalability, and developer experience. Go enables faster processing, lower latency, and better efficiency, especially for handling large-scale AI-driven tasks.
What is the character limit for prompts?
What is the character limit for prompts?
Due to AI constraints, prompts are limited to approximately 180K tokens (≈720K characters).
Can I run my AI model on Lovable without an API?
Can I run my AI model on Lovable without an API?
Probably not. Most AI models require an API for proper integration.
Pricing & Account Settings
What are credits in Lovable?
What are credits in Lovable?
Credits are used for AI-powered actions like generating code or making edits.
Do long and short prompts cost the same?
Do long and short prompts cost the same?
Yes, each message sent counts as one credit, regardless of length.
How do I get more credits?
How do I get more credits?
You can upgrade your plan in your Account Settings to access more credits. More information here.
When does my token count reset?
When does my token count reset?
Monthly, on the same date you subscribed.
Can I top up my monthly limit?
Can I top up my monthly limit?
No, but you can upgrade or downgrade plans based on your needs.
How can I check my remaining messages?
How can I check my remaining messages?
Go to Account Settings and check the credits/messages left section.
Can I delete my account?
Can I delete my account?
To delete your account, please email support@lovable.dev.
Can I change my email?
Can I change my email?
Currently, it is not possible to change your email linked to the account.
Can I delete a project?
Can I delete a project?
Yes! Navigate to Project Settings → Danger Zone → Delete Project.
How does Lovable ensure data security?
How does Lovable ensure data security?
Lovable follows industry-standard security practices, including encryption, secure API connections, and regular security audits to protect user data.
About Lovable
What is the difference between Lovable & other AI builders?
What is the difference between Lovable & other AI builders?
People say Lovable has higher quality outputs, ship faster, better at full stack and more.That’s kind of the break-down why we would recommend Lovable:
- Supabase integration: Lovable just makes it smoother. You connect with an API key and you’re good to go. No hoops.
- Image uploads actually work. Didn’t have to debug anything.
- GitHub commits show up cleanly as external updates. Easy to track changes.
- Precision edits with the visual editor — it’s free. You can tweak small UI things without breaking stuff. It just feels like Figma was naturally integrated.
- “Try to fix” is free, too. You don’t get punished for iterating.
- Chat mode is way more natural. Feels like pair programming with an actual teammate.
- UX/UI output is just better. It looks like something you’d actually ship.
- Product output is usable. You get real controls, working links, multiple pages — not just a static playground.
- Community is much bigger & more helpful and active.
- We’re more ambitious in terms of what they’re enabling - product and brand itself.
- Attention to detail shows everywhere — naming, layouts, error handling.
What is the difference between Lovable & Cursor?
What is the difference between Lovable & Cursor?
Lovable and Cursor are both $20/month tools that help you build software with AI. But they serve different needs, especially if you’re just starting out.Here’s the simplest way to think about it:
If you’re non-technical and want to launch your AI-powered web app fast — Lovable** is the better choice**. It does the heavy lifting for you:
| Lovable | Cursor | |
|---|---|---|
| Built for | Non-technical creators | Developers |
| What it gives you | Working full-stack web app (UI + Backend + Database) | Smart coding assistant inside your code editor |
| Requires coding | No coding needed | Yes you need to understand code |
| Setup complexity | Minimal - Supabase, Auth, API, deploy are handled for you | You start from scratch and wire everything manually |
| Best for | Building your MVP fast | Customizing and scaling your app |
| Learning curve | Friendly | Steep but powerful |
| Output | Deployed app | Code you need to run yourself |
- Spins up your backend (like Supabase) automatically
- Lets you prompt in plain English
- Deploys your app with one click
- Gives you full code access when you’re ready to go deeper
Many builders start with Lovable, then export the code and refine it in Cursor once they’re more confident.You don’t have to choose one forever. Start with Lovable. Grow at your own pace.
Does Lovable have a partner program?
Does Lovable have a partner program?
Yes! Join our Affiliate Program and earn 20% commission for customer referrals.
Where is Lovable based?
Where is Lovable based?
Lovable is 100% made in Europe, with headquarters in Stockholm, Sweden.
Is Lovable hiring?
Is Lovable hiring?
Yes! Check out our open positions here. 🚀