Akadémia
10 percKezdő

Az első weboldalad 10 perc alatt egy Affilion Motion prompttal

Röviden

Választasz egy sablont, kimásolod a promptot, beilleszted a Lovable-be, és három célzott utasítással a saját márkádra szabod.

Amire szükséged lesz
  • Ingyenes Lovable-fiók
  • Egy kiválasztott sablon a könyvtárból
  • A márkád neve, színei és 3-4 mondat rólad

1. Válassz sablont a céljaid alapján

Ne a legszebbet keresd, hanem azt, amelyiknek a szerkezete illik hozzád. Egy szolgáltatónak ajánlatkérő űrlap kell, egy webshopnak termékrács, egy portfóliónak nagy képek. Nyisd meg a sablon adatlapját, és nézd meg mobil nézetben is.

2. Másold ki a promptot

Az adatlapon a Prompt másolása gomb a teljes leírást a vágólapra teszi. A képek linkjei már benne vannak, így az AI azonnal be tudja tölteni őket.

3. Illeszd be a Lovable-be

Hozz létre egy új projektet, illeszd be a promptot, és küldd el. Az első változat általában 1-3 perc alatt elkészül. Ha a Megnyitás Lovable-ben gombot használod, ez a lépés automatikus.

4. Szabd a saját márkádra – egyszerre egy dolgot

A legjobb eredményt rövid, egyértelmű utasításokkal kapod:

Cseréld le a márkanevet „Nova"-ról „Fénypont"-ra mindenhol, és a hero alcímét erre: „Könyvelés kisvállalkozásoknak, emberi nyelven."

A fő színt (#7C5CFF) cseréld le #0EA5A4-re, a gombokon és a kiemeléseken is.

A képeket cseréld a feltöltött fotóimra, a hero képet tartsd 16:9 arányban.

5. Ellenőrizd a telefonon is

A Lovable előnézetében kapcsolj mobil nézetre. Ha valami összecsúszik, írd le konkrétan: „375 px szélességen a navigáció gombja kilóg jobbra – javítsd."

Gyakori kérdések

Fizetnem kell a sablonért?+

Nem. Minden Affilion Motion sablon ingyenes, saját és ügyfélprojektekhez is használhatod.

Működik Claude-ban vagy Cursorban is?+

Igen. A promptok eszközfüggetlenek: React + Tailwind kódot kérnek, amit bármelyik AI-építő elkészít.

Következő lecke
Szekciók kombinálása: egyedi oldal építőkockákból