Code & Visual Editing
Design & UI · 4 articles
Can I manually edit text or colors?
Yes, use the visual editor. Click 'Edit' in the prompt box, select the component you want to tweak, and adjust sizing, color, text, margins, padding, fonts, borders, and shadows right on the canvas. You can also manually edit CSS via the code editor or add Tailwind classes.
Can I see the code that Lovable generates and manually edit it?
Yes, export via GitHub (full code ownership) or view via the code tab in the editor. You can manually edit the exported code locally in your own editor, then push to GitHub and Lovable will sync it back. You have complete control over the generated code.
Replace it on the visual editor
Click "Edit" in the prompt box, select the image element on the page, and replace it via the sidebar. You can upload a new file, paste a URL, or reference an image from your GitHub repo. The visual editor lets you adjust size, aspect ratio, and styling without writing code.
Use Visual Edits
Click 'Edit' in the prompt box, then select any component to tweak it directly. Adjust sizing, colors, text, margins, padding, and fonts right on the page. Multi-select with ⌘ Command (Mac) or ⊞ Win (Windows) to edit multiple elements at once.
