Akadémia
12 percKezdő

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

Röviden

Egy alap oldalsablonhoz egyenként adod hozzá a szekció-promptokat, és egy közös design-rendszerrel egységesíted őket.

Amire szükséged lesz
  • Egy már elkészült oldal a Lovable-ben
  • 2-3 kiválasztott szekció a könyvtárból

Miért szekciókból?

A teljes oldalsablon gyors kezdés, de az igazán egyedi oldal abból születik, hogy te döntöd el, milyen blokkok és milyen sorrendben kövessék egymást.

1. Rögzítsd a design-rendszert

Mielőtt új szekciót adsz hozzá, kérd meg az AI-t, hogy foglalja össze a meglévő oldal színeit, betűit és sarokméreteit:

Sorold fel a jelenlegi oldal design-tokenjeit: színek hex kóddal, betűtípusok, lekerekítések, árnyékok.

2. Illeszd be a szekciót „fordítással"

Másold ki a szekció promptját, és tegyél elé egy mondatot:

Add hozzá az alábbi szekciót a „Vélemények" blokk után. A saját design-tokenjeinket használd, ne a promptban szereplő színeket.

3. Egyszerre csak egy szekció

Ha egyszerre öt blokkot kérsz, az AI hajlamos egyszerűsíteni. Egy szekció, ellenőrzés, következő.

4. Ritmus és térköz

A végén kérj egy egységesítő kört:

Egységesítsd a szekciók közötti függőleges térközt (desktopon 128 px, mobilon 80 px), és ellenőrizd, hogy minden szekciócím ugyanazt a stílust használja.

Gyakori kérdések

Mi van, ha ütköznek a stílusok?+

Mindig a meglévő oldal design-tokenjeit kérd alkalmazni – a szekció-prompt a szerkezetet és a mozgást adja, nem a színeket.

Következő lecke
Affilion Motion MCP a Claude Code-ban