> ## 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 igång med Flowstep: registrera dig och generera designs

> Skapa ett gratis Flowstep-konto, generera din första gränssnittsdesign från en textprompt och dela den med ditt team — allt på en gång.

<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 bara några minuter att komma igång med Flowstep. Du registrerar dig kostnadsfritt, beskriver vad du vill bygga, och Flowstep genererar din design omedelbar. Därefter kan du förfina den med följdfrågor, bjuda in ditt team för samarbete och dela resultatet med intressenter — ingen designverktyg eller tidigare erfarenhet krävs.

<Steps>
  <Step title="Skapa ditt gratis konto">
    Gå till [flowstep.ai](https://flowstep.ai) och registrera dig med Google eller med din e-postadress och lösenord. Inget kreditkort krävs för att komma igång.

    <Note>
      Om du registrerar dig med e-postadress och lösenord, kontrollera din inkorg för ett bekräftelsemeddelande ("Confirm your Flowstep email") och klicka på länken för att aktivera ditt konto — du kan skicka det igen från sidan "Check your inbox" om det inte anländer. Engångs-e-postadresser accepteras inte; använd ett arbets- eller personligt e-postkonto.
    </Note>

    Efter registrering hamnar du på en kort välkomstskärm: besvara tre snabba frågor och beskriv sedan din första design direkt där — fyra exempelprompts (Dashboard, Landing page, Mobile app, Checkout) är tillgängliga om du vill ha en utgångspunkt.
  </Step>

  <Step title="Beskriv den skärm du vill ha">
    Skriv en prompt på vanlig engelska som beskriver det gränssnitt du har i åtanke. Var specifik om skärmens syfte och eventuella nyckeldelar den bör innehålla.

    En prompt som "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation" ger Flowstep tillräcklig kontext för att producera en fokuserad, användbar design.

    <Tip>
      Du behöver inte designvokabulär. Fokusera på vad skärmen är till för och vilken information den bör visa — Flowstep hanterar layouten, typografin, avståndet och färgvalen.
    </Tip>
  </Step>

  <Step title="Generera dina skärmar">
    Skicka din prompt och Flowstep genererar din design på sekunder. Du kan generera flera skärmar i en enda session för att utforska olika riktningar eller bygga ut ett helt flöde.
  </Step>

  <Step title="Förfina genom konversation">
    Inte riktigt rätt? Skriv en följdfråga för att justera designen — ändra färgschema, ordna om element, byt ut innehål eller begär en helt annan layout. Du kan också redigera element manuellt eller använda engångskljick-åtgärder i optionsmenyn.
  </Step>

  <Step title="Exportera eller dela ditt arbete">
    När du är nöjd med resultatet väljer du hur du ska dela det:

    * **Exportera** koden eller via MCP
    * **Hämta** skärmen som en JPG- eller PNG-fil
    * **Kopiera till Figma** med tangentkombinationen för att klistra in direkt i en befintlig Figma-fil
    * **Dela en länk** med lagmedlemmar eller intressenter — de kan visa designen utan att skapa ett konto

    <Note>
      Du kan bjuda in ditt team att samarbeta på en Flowstep-fil. De kan gå med och börja bidra inom några minuter.
    </Note>
  </Step>
</Steps>