> ## 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.

# Kom i gang med Flowstep: opprett konto og generer design

> Opprett en gratis Flowstep-konto, generer ditt første brukergrensesnittdesign fra en tekstprompt, og del det med teamet ditt – alt på en gang.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Det tar bare noen få minutter å komme i gang med Flowstep. Du registrerer deg gratis, beskriver hva du vil bygge, og Flowstep genererer designet ditt umiddelbart. Derfra kan du finpusse det gjennom oppfølgingsprompts, invitere teamet ditt til å samarbeide, og dele resultatet med interessenter – du trenger ingen designverktøy eller tidligere erfaring.

<Steps>
  <Step title="Opprett din gratis konto">
    Gå til [flowstep.ai](https://flowstep.ai) og registrer deg med Google eller med e-postadressen og passordet ditt. Intet kredittkort er nødvendig for å komme i gang.

    <Note>
      Hvis du registrerer deg med e-post og passord, sjekk innboksen din for en bekreftelses-e-post ("Confirm your Flowstep email") og klikk på lenken for å aktivere kontoen din – du kan sende det på nytt fra siden "Check your inbox" hvis det ikke ankommer. E-postadresser som kan kastes vekk, blir ikke akseptert; bruk en jobb- eller personlig e-postadresse.
    </Note>

    Etter registrering lander du på en kort velkomstskjerm: svar på tre raske spørsmål, deretter beskriver du ditt første design rett der – fire eksempelprompts (Dashboard, Landing page, Mobile app, Checkout) er tilgjengelige hvis du vil ha et utgangspunkt.
  </Step>

  <Step title="Beskriv skjermen du ønsker">
    Skriv inn en prompt som beskriver brukergrensesnittet du har i tankene, på vanlig engelsk. Vær spesifikk om hva skjermen er til for og hvilke nøkkelelementer den bør inneholde.

    En prompt som "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation" gir Flowstep nok kontekst til å produsere et fokusert, nyttig design.

    <Tip>
      Du trenger ikke designvokabular. Fokuser på hva skjermen er til for og hvilken informasjon den skal vise – Flowstep håndterer layouten, typografien, avstanden og fargekvalitetene.
    </Tip>
  </Step>

  <Step title="Generer dine skjermer">
    Send inn prompten din og Flowstep genererer designet ditt på sekunder. Du kan generere flere skjermer i en enkelt økt for å utforske ulike retninger eller bygge ut en komplett flyt.
  </Step>

  <Step title="Finpuss gjennom samtale">
    Ikke helt riktig? Skriv inn en oppfølgingsprompt for å justere designet – endre fargeordningen, omorganiser elementer, bytt innhold, eller forespør en helt annen layout. Du kan også redigere elementer manuelt eller bruke handlinger med ett klikk i alternativalmenyen.
  </Step>

  <Step title="Eksporter eller del arbeidet ditt">
    Når du er fornøyd med resultatet, velg hvordan du vil dele det:

    * **Eksporter** koden eller via MCP
    * **Last ned** skjermen som en JPG- eller PNG-fil
    * **Kopier til Figma** ved hjelp av tastaturgenveien for å lime inn direkte i en eksisterende Figma-fil
    * **Del en lenke** med lagkamerater eller interessenter – de kan se designet uten å opprette en konto

    <Note>
      Du kan invitere teamet ditt til å samarbeide på en Flowstep-fil. De kan bli med og begynne å bidra på noen få minutter.
    </Note>
  </Step>
</Steps>
