Chat with Lovable to build your app

1. 1

   Type your request into the chat box at the bottom of the panel, then press Enter or click send.

   This is how you tell Lovable what you want to build or change in your app.

2. 2

   If you want to dictate your message, click the microphone icon or press Option+V (Mac) / Alt+V (Windows/Linux).

   This allows you to speak your instructions instead of typing them.

3. 3

   To change how Lovable works, click the mode toggle next to the chat input to switch between 'Build' (default, makes changes) and 'Plan' (discusses without changing code).

   This controls whether Lovable directly modifies your project or just helps you think through ideas.

4. 4

   Click the '+' button next to the chat input to open the 'Chat actions' menu.

   This menu gives you quick access to attach files, manage project settings, view history, or connect to other services.

5. 5

   To give Lovable context, drag files into the chat, paste them, or use the 'Attach' option from the 'Chat actions' menu.

   This lets Lovable see design mockups, documents, or screenshots to understand your request better.

6. 6

   If Lovable asks a question, choose an answer option or type your own, then submit.

   This helps Lovable get more specific direction when it's unsure, ensuring it builds what you intend.

7. 7

   To reverse Lovable's last change, click 'Undo latest edit' under its response.

   This allows you to quickly fix mistakes or unwanted changes without losing all progress.

8. 8

   If an earlier message led to a problem, hover over your message, select 'Edit message', rewrite it, and choose 'Revert and resend'.

   This lets you correct past instructions and have Lovable try again from that point.

9. 9

   If Lovable encounters a build error, click the 'Try to fix' button on the activity card.

   This prompts Lovable to analyze and attempt to resolve the error automatically.

Add a sign-up form with email and password fields.

Activity cards

These are messages in the chat that show what Lovable is currently doing, like editing files, running tests, or searching the web.

Build mode

This is when Lovable directly makes changes to your app's code and files based on your instructions.

Plan mode

This is when Lovable helps you think, investigate, or plan without changing your app's code. It's for discussing ideas or debugging safely.

Credits

A unit of cost for using Lovable's services. Different actions, like messages or fixes, consume a certain number of credits.

CDN

Stands for Content Delivery Network. It's a system of servers that delivers web content, like images and videos, quickly to users based on their location. Using a CDN for large files makes your app load faster.

• Don't wait for Lovable to finish before sending your next request; you can queue multiple prompts.
• Avoid uploading very large files directly into your project's code, as it can slow down your app. Use Lovable to migrate them to a CDN or host videos on external services.
• Don't assume Lovable will guess correctly if it asks a question; provide clear answers to steer its work effectively.
• Don't ignore build errors; use the 'Try to fix' button or ask Lovable to investigate to resolve issues.