Vad du bygger
En färdigjusterad och personlig hemsida där färger, textstorlekar och layoutelement ser ut exakt som du vill ha dem. Du har tagit kontroll över detaljerna i din design och lärt dig att styra AI-chatten med precision.
Innan du börjar
- Ett aktivt konto på Lovable.
- Ett påbörjat projekt i Lovable som du vill justera.
- En klar idé om minst en detalj du vill ändra, till exempel en färg eller en rubrik.
Steg för steg
- Öppna ditt projekt — Gå till din startsida i Lovable och klicka på det projekt du vill jobba med för att öppna redigeringsläget.
- Hitta chattpanelen — Leta upp textfältet i den vänstra panelen på skärmen där det står att du kan skriva dina instruktioner.
- Formulera en specifik ändring — Skriv en tydlig och avgränsad instruktion i chattfältet där du beskriver vad du vill justera i din design.
Gör hero-sektionen mer stilren med mindre text och en större bild.
- Skicka instruktionen — Klicka på den runda skicka-knappen till höger i chattfältet och vänta några sekunder medan verktyget uppdaterar din kod.
- Granska resultatet — Titta på förhandsvisningen till höger på skärmen för att se hur ändringen ser ut i praktiken på din sida.
- Behåll eller backa — Om du är nöjd fortsätter du till nästa steg. Om det blev fel klickar du på knappen Undo ovanför chattfältet för att återställa sidan till hur den såg ut nyss.
- Skriv nästa instruktion — Fortsätt bygga i små steg och skicka nästa instruktion när du är redo för nästa detalj.
Byt bakgrundsfärg i hero-sektionen till en varm terrakotta.
Byggloftets tips
- Ta små steg — Det är lätt att vilja ändra allt på en gång, men om du ber om fem saker samtidigt blir det svårt för AI-byggaren att göra rätt. Gör som vår maskot Bygge och ta ett litet kliv i taget.
- Var visuellt konkret — Undvik svaga ord som "snyggare" eller "proffsigare". Skriv hellre exakt vad du menar, till exempel "gör rubriken mörkt grå och flytta knappen till höger".
- Kolla mobilen ofta — Klicka på mobilikonen högst upp i förhandsvisningen efter varje ändring så att du vet att sidan ser bra ut på mindre skärmar också.
Vanliga fel
- "Inget händer på skärmen när jag tryckt skicka": Ibland kan förhandsvisningen tillfälligt hänga sig. Testa att ladda om webbläsarsidan så brukar det uppdaterade resultatet dyka upp direkt.
- "Fel del av sidan ändrades": AI-byggaren missförstod vilken del du menade. Skriv en ny instruktion där du är mer specifik, till exempel "Ändra texten i den översta sektionen, precis under logotypen".
- "Hela layouten gick sönder": Ingen fara. Klicka på Undo-knappen direkt ovanför det senaste chattmeddelandet för att hoppa tillbaka till hur det såg ut innan du skickade kommentaren.
Du är klar när…
Du ser dina önskade designändringar på skärmen och kan navigera på din uppdaterade webbsida i förhandsvisningen.
