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

# Aan de slag met Flowstep: registreer je en genereer designs

> Maak een gratis Flowstep-account aan, genereer je eerste UI-design vanuit een tekstprompt, en deel het met je team — allemaal in één sessie.

<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 />

Aan de slag gaan met Flowstep duurt slechts een paar minuten. Je registreert je gratis, beschrijft wat je wilt bouwen, en Flowstep genereert je design direct. Vanaf daar kun je het verfijnen via vervolgprompts, je team uitnodigen om samen te werken, en het resultaat met stakeholders delen — geen designtools of eerdere ervaring nodig.

<Steps>
  <Step title="Maak je gratis account aan">
    Ga naar [flowstep.ai](https://flowstep.ai) en registreer je met Google of met je e-mailadres en wachtwoord. Je hoeft geen creditcard in te voeren om aan de slag te gaan.

    <Note>
      Als je je registreert met e-mailadres en wachtwoord, check je inbox voor een bevestigingse-mail ("Bevestig je Flowstep e-mail") en klik op de link om je account te activeren — je kunt het opnieuw versturen vanaf de pagina "Check je inbox" als het niet aankomt. E-mailadressen voor eenmalig gebruik worden niet geaccepteerd; gebruik een werk- of persoonlijk e-mailadres.
    </Note>

    Na registratie kom je op een kort welkomstscherm: beantwoord drie snelle vragen, beschrijf daarna je eerste design direct daar — vier voorbeeldprompts (Dashboard, Landing page, Mobile app, Checkout) zijn beschikbaar als je een startpunt wilt.
  </Step>

  <Step title="Beschrijf het scherm dat je wilt">
    Typ een prompt in gewoon Nederlands die de UI beschrijft die je in gedachten hebt. Wees specifiek over het doel van het scherm en welke sleutelelementen het moet bevatten.

    Een prompt als "Dashboard voor een projectmanagement-app met een takenlijst, voortgangsstaven en zijnavigatiebalken" geeft Flowstep genoeg context om een gericht, nuttig ontwerp te creëren.

    <Tip>
      Je hebt geen designervocabulaire nodig. Concentreer je op wat het scherm doet en welke informatie het moet weergeven — Flowstep verzorgt de lay-out, typografie, afstand en kleurkeuzes.
    </Tip>
  </Step>

  <Step title="Genereer je schermen">
    Dien je prompt in en Flowstep genereert je design in seconden. Je kunt meerdere schermen in één sessie genereren om verschillende richtingen te verkennen of een volledige flow uit te bouwen.
  </Step>

  <Step title="Verfijn via conversatie">
    Niet helemaal goed? Typ een vervolgprompt om het design aan te passen — wijzig het kleurenschema, herrangschik elementen, vervang inhoud, of vraag om een totaal ander lay-out. Je kunt ook elementen handmatig bewerken of snelacties in het optiesmenu gebruiken.
  </Step>

  <Step title="Exporteer of deel je werk">
    Als je tevreden bent met het resultaat, kies hoe je het deelt:

    * **Exporteer** de code of via MCP
    * **Download** het scherm als JPG- of PNG-bestand
    * **Kopieer naar Figma** met de sneltoets om rechtstreeks in een bestaand Figma-bestand in te plakken
    * **Deel een link** met teamgenoten of stakeholders — zij kunnen het ontwerp zonder account bekijken

    <Note>
      Je kunt je team uitnodigen om aan een Flowstep-bestand samen te werken. Ze kunnen toetreden en binnen minuten beginnen met bijdragen.
    </Note>
  </Step>
</Steps>