ET PRAKTISK FORLØB · BRICKS + AI
Lær at bygge.
Med system.
Fra tomt canvas til et site, du selv forstår. Lær Bricks Builder, tænk i designsystemer, og gør AI til din nye byggemakker.
01 / Forstå fundamentet
Globale regler før lokale detaljer.
02 / Byg noget rigtigt
Responsive layouts og dynamisk indhold.
03 / Arbejd med en agent
Giv retning. Byg. Kontrollér resultatet.
DIT LÆRINGSFORLØB
Seks moduler.
Ét stærkt fundament.
Tag dem i rækkefølge. Hvert modul giver dig en forklaring, en konkret øvelse og en prompt, du kan arbejde videre med.
01 — Start med systemet.
Settings, Theme Styles og globale tokens. Den rigtige rækkefølge.
Åbn modulet ↗04 — Lad indholdet arbejde.
Ét kort. En rigtig forespørgsel. Automatisk flere resultater.
Åbn modulet ↗SYSTEMET BAG DET HELE
Du designer regler.
Siderne følger med.
Farver, typografi og spacing er fælles beslutninger. Giv dem et navn én gang — og brug dem overalt. Så bliver en ændring en forbedring af hele systemet.
Flydende skalaer tilpasser tekst og afstande. Breakpoints ændrer layoutet, når indholdet har brug for det.
DIN NYE ARBEJDSGANG
AI bygger hurtigere.
Du sætter retningen.
Du behøver ikke kende alle knapper. Men du skal kunne beskrive målet og vurdere det, der bliver bygget.
Beskriv målet.
Hvem er siden til? Hvad skal den kunne? Hvad må ændres?
Læs systemet.
Agenten finder eksisterende styles, indhold og præcise schemas.
Genbrug først.
Native elementer, fælles klasser og tydelige ændringer.
Se det virke.
Kontrollér mobil, desktop, dynamisk indhold og alle handlinger.
FRA TEORI TIL DIT FØRSTE SITE
Mindre gætteri.
Mere byggeri.
Dit afsluttende projekt: en lille hjemmeside til Studio Kaffe. Brug designreglerne, byg en dynamisk menuliste og lad agenten hjælpe dig fra brief til browser.
Se din byggeopgave ↗PROMPT / DIT UDGANGSPUNKT
“Byg en introduktionssektion til en lokal kaffebar på en ny kladdeside. Genbrug sitets palette, typografi og spacing. Læs designsystemet først. Verificér resultatet på desktop og mobil. Publicér ikke kladden.”
ET KLART MÅL + ET FÆLLES SYSTEM + EN KONTROL
FØR DU STARTER
Du lærer ved at åbne motorhjelmen.
Dette site er selv bygget i Bricks. Kig på klasserne, skalaerne og sidernes elementtræ. Spørg agenten, hvorfor noget er bygget sådan — og prøv din egen version på en kladdeside.