> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Sådan bruges Flowstep uden tidligere designerfaring

> Du behøver ikke en designbaggrund for at oprette flotte UI-skærme med Flowstep. Lær hvordan du beskriver hvad du ønsker, og lad Flowstep klare resten.

Der er ingen grund til at kende forskellen mellem en skrifttype og en font, forstå gridsystemer eller have åbnet et designværktøj før. Flowstep håndterer layout, typografi, farve, mellemrum og visuelt hierarki automatisk — dit job er simpelthen at beskrive hvad du ønsker.

## Sådan fungerer det uden designkompetencer

Når du skriver en prompt, fortolker Flowstep din beskrivelse og træffer alle de visuelle beslutninger som en designer normalt ville gøre: hvordan man arrangerer elementer på skærmen, hvilke fonts man skal bruge, hvor meget hvidt rum man skal tilføje, og hvordan man etablerer et visuelt hierarki som vejleder øjet. Du beskriver formålet og indholdet; Flowstep producerer en skærm som ser ud til at være professionelt designet.

<Tip>
  Tænk på at give prompt til Flowstep på samme måde som du ville instruere en designer. Du ville ikke fortælle en designer hvilken skriftstørrelse du ønsker — du ville fortælle dem hvad skærmen er til for, og hvad den skal kommunikere. Flowstep fungerer på samme måde.
</Tip>

## Tips til at skrive gode prompts

Fokuser på tre ting: formålet med skærmen, de vigtigste informationer den skal vise, og produkttypen eller publikum.

**Start med formålet med skærmen**

Start med hvad skærmen skal gøre. "Tilmeldingsskærm for en måltidsplanlægningsapp" fortæller Flowstep meget mere end en liste over UI-elementer.

**Nævn det vigtigste indhold eller handlinger**

Medtag de vigtigste ting en bruger skal se eller gøre. Du behøver ikke at liste alt — bare de elementer der betyder mest for oplevelsen.

**Referér til en produkttype eller publikum hvis det hjælper**

At nævne den slags produkt (f.eks. consumer mobile app, B2B dashboard, e-commerce checkout) hjælper Flowstep med at matche den rigtige visuelle tone og konventioner.

<Tip>
  Hvis dit første resultat ikke helt passer, start ikke forfra — skriv blot en opfølgende prompt. At sige "gør layoutet mere minimalistisk" eller "brug et mørkere farveprogram" er nok til at styre designet i en ny retning.
</Tip>

## Eksempelprompts at prøve

Her er nogle få prompts der fungerer godt, skrevet på almindeligt engelsk uden designterminologi:

**Onboarding flow for en fitnesstracker-app**

> "First screen of an onboarding flow for a fitness tracking app. It should welcome the user, briefly explain what the app does, and have a button to get started."

**Indstillingssider for et SaaS-produkt**

> "Settings page for a B2B project management tool. Include sections for profile, notifications, billing, and connected accounts. Use a clean, professional look."

**Mobil checkout-skærm**

> "Checkout screen for a mobile shopping app. Show an order summary, a field for a promo code, and a prominent button to complete the purchase."

<Note>
  Disse prompts fungerer ikke fordi de bruger designsprog, men fordi de klart beskriver skærmens formål, indhold og kontekst. Det er alt hvad du behøver.
</Note>