Skapa hemsida med AI
Skapa hemsida med AI – från beskrivning till första version
Du beskriver vad du behöver. Sajtmaskin tar fram ett första förslag — struktur, layout och texter — som en riktig sajt du kan fortsätta arbeta med. AI:n gör utkastet. Du avgör vad som är tillräckligt bra.
Exempel · första version · Nordljus Frisör
Majorna, Göteborg
Klippning och färg i ett lugnare tempo
Tre frisörer, drop-in när det finns luckor, och bokning när du vill vara säker på tid.
Klippning
Färg
Team
Processen
Från en mening till en första version
Det är samma väg som i Sajtmaskin i dag: beskriv, bygg, titta, ändra. Preview under arbetet är en arbetsyta. Publicering är ett medvetet sista steg.
01
Beskriv företaget eller idén
Skriv vad ni gör, var ni finns och vad sidan ska åstadkomma. Fritext räcker. Vill du styra mer kan du gå en kort genomgång innan bygget startar.
02
AI planerar sidan
Sajtmaskin tar fram sidstruktur, sektioner och en visuell riktning. Det är ett förslag — inte en låst mall du måste leva med.
03
Första versionen skapas
Du får ett konkret utkast i kod, som en riktig Next.js-sajt. Du öppnar den i preview och ser vad som faktiskt byggdes.
04
Granska och ändra
Säg vad som ska bort, läggas till eller skrivas om. Nästa version bygger vidare på den du just tittade på.
05
Publicera eller ta med koden
När du är nöjd kan du publicera till en live-adress, eller exportera projektet som ZIP eller till GitHub. Preview under bygget är inte samma sak som en publicerad sajt.
Exempel på brief
Ju konkretare du är, desto bättre blir utkastet
En bra beskrivning nämner verksamhet, plats, vad sidan ska göra och vad den inte ska låtsas ha. Så här kan en första prompt se ut:
Jag driver Nordljus Frisör i Majorna, Göteborg. Vi är tre frisörer och tar både drop-in och bokning. Jag vill ha en lugn, varm startsida med priser, team och en tydlig väg att boka tid. Inga kundfoton än, och hitta inte på recensioner.
Samma sorts mening går att skriva för en restaurang, en konsult eller en butik. Det som saknas i briefen får AI:n antingen fråga efter eller fylla med tydliga platshållare.
Vad ett bra utkast brukar innehålla
- En startsida som säger vem ni är på några sekunder
- Sektioner för erbjudande, bevis och nästa steg
- Undersidor bara där de faktiskt behövs
- Platshållare där fakta eller bilder saknas, i stället för påhitt
Arbetsfördelning
Vad AI gör — och vad du fortfarande behöver göra
AI:n hjälper med
Struktur
Föreslår startsida och undersidor, och hur sektionerna hänger ihop. I första bygget väljer du sidantal i preview — taket där är tre sidor.
Layout och design
Väljer scaffold, visuell variant, typografi och färdriktning så utkastet ser ut som en sajt, inte som en tom editor.
Innehåll
Skriver utkast till rubriker, brödtext och sektioner utifrån din beskrivning. Det är ett startläge, inte publiceringsklart faktaunderlag.
Iteration
Tar emot följdinstruktioner och ändrar design, texter eller struktur utan att du behöver koda.
Du behöver fortfarande
Faktakontroll
Öppettider, priser, namn, adress och organisationsuppgifter måste stämma. AI:n gissar om du inte har skrivit dem.
Bilder och avsändare
Byt ut placeholder-bilder mot era egna. En företagssida blir trovärdig först när den ser ut som er, inte som ett generellt exempel.
Erbjudandet
Vad ni säljer, till vem och varför någon ska höra av sig. Det kan AI hjälpa till att formulera, men bara du vet vad som är sant.
Juridik och publicering
Integritet, cookies och villkor är ert ansvar. Du avgör också när utkastet är tillräckligt bra för att gå live.
Jämförelse
AI-hemsidebyggare eller traditionellt sätt?
Inget arbetssätt vinner alltid. Sajtmaskin är stark när du vill se en första företagssida snabbt och sedan styra den med text. En byrå eller ett klassiskt CMS kan vara bättre när omfattningen, integrationerna eller redaktionen ser annorlunda ut.
| Fråga | AI-hemsidebyggare | Byrå | Bygga själv i CMS |
|---|---|---|---|
| Första version | Utkast i kod efter en beskrivning | Research, skiss och produktion | Du bygger sida för sida själv |
| Ändringar | Följdtext i chatten, ny version att granska | Ny brief och ny leverans | Du redigerar tema, block eller kod |
| Teknik | React, Next.js och TypeScript från start | Beror på byrån | Ofta ett CMS med tillägg och teman |
| Kontroll | Du styr med text; kod går att exportera | Hög, men via någon annan | Hög om du kan verktyget |
| Passar sämre när | Du behöver en stor, integrationstung sajt från dag ett | Du bara vill testa en enkel närvaro snabbt | Du inte vill lägga tid på verktyget |
Vanliga frågor
Svar som matchar produkten i dag
- Kan AI skapa en hel hemsida?
- AI kan skapa en första version: struktur, layout och texter som en riktig sajt. Det är ett utkast att granska, inte ett löfte om att allt är klart för kunder samma sekund. Undersidor i första bygget är begränsade, och integrationer som betalning eller inloggning är demo tills du uttryckligen bygger dem.
- Behöver jag kunna koda?
- Nej. Du beskriver vad du behöver och ändrar med vanliga meningar. Under huven är det React och Next.js, så du kan ta över koden senare om du vill — men det krävs inte för att komma igång.
- Kan jag ändra sidan efteråt?
- Ja. Efter första versionen skickar du följdinstruktioner i buildern. Varje ny version går att öppna i preview innan du går vidare. Godkänn en plan när du blir ombedd; bygget startar inte av sig självt.
- Kan jag använda egen domän?
- Efter publicering finns ett flöde för att koppla en domän du redan äger. Kopplingen kan vara stängd i vissa miljöer, och köp av ny domän i appen är inte allmänt live. Utan egen domän får den publicerade sajten en Vercel-adress.
- Kan jag exportera sidan?
- Ja. Som inloggad ägare kan du ladda ner projektet som ZIP eller exportera till GitHub. Med följer den genererade koden, inte databasen, API-nycklar eller domänregistrering.
- Vad kostar det?
- Du kan börja utan kreditkort. Ett konto får en första slutförd generering utan coin-debitering. Därefter köper du credits i engångspaket — 49, 99 eller 179 kronor — utan prenumeration. Publicering debiterar credits. Aktuella paket finns på prissidan.
Mer om credits och paket finns på prissidan. Tekniken bakom sajterna finns på /teknik.
Relaterat
De här ämnena hör ihop med att skapa hemsida med AI. Sidorna är reserverade i Sajtmaskin och fylls på efter den här referenssidan — räkna inte med färdiga guider där ännu.
Testa med er egen beskrivning
Öppna Sajtmaskin, skriv vad ni behöver och titta på första versionen. Ingen kod. Ingen prenumeration.