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

# Wat is Flowstep?

> Flowstep is een AI-designtool die gepolijste UI-schermen genereert uit tekstprompts. Leer wat het doet, voor wie het is, en wat je ermee kunt bouwen.

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" 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 />

Beschrijf het scherm dat je wilt, ontvang in seconden een ontworpen interface.

Voor ontwikkelaars is dit de snelste manier om een UI in kaart te brengen voordat je de code schrijft. Voor product managers en founders is het een manier om productideeën duidelijk te communiceren. Voor designers is het een startpunt dat het lege canvas overslaat.

## Wat je met Flowstep kunt doen

* **Schermen uit tekst genereren** — beschrijf wat je wilt, krijg in seconden een ontworpen UI
* **Itereren via prompts of directe bewerkingen** — verfijn lay-outs, tekst en styling zonder het canvas te verlaten
* **Voorbeeld als interactieve prototype** — Flowstep koppelt je schermen automatisch in een klikbare flow. Zie [Prototypes](/nl/prototypes).
* **Verbinden met je IDE via MCP** — genereer en bewerk schermen vanuit Cursor, Claude Code, Windsurf of Claude Desktop. Zie [MCP Server](/nl/mcp/overview).
* **Exporteer naar Figma, code of afbeeldingsbestanden** — plak rechtstreeks in een bestaand Figma-bestand, exporteer de code, of download schermen als PNG/JPG
* **Delen met één link** — reviewers hebben geen Flowstep-account nodig om te bekijken of opmerkingen toe te voegen

## Voor wie Flowstep is

* **Ontwikkelaars** die product-UI bouwen zonder designer ter beschikking, of die een scherm visueel willen in kaart brengen voordat je het implementeert
* **Product managers en founders** die ideeën visueel communiceren of een idee valideren
* **Designers** die het lege canvas overslaan — begin met een gegenereerde lay-out en bewerk van daaruit

<Note>
  Je hebt geen designervaring nodig. Als je een scherm in gewoon Nederlands kunt beschrijven, kan Flowstep het genereren.
</Note>

## Waar je vervolgens heen gaat

<CardGroup cols={2}>
  <Card title="Snel starten" icon="rocket" href="/nl/getting-started">
    Genereer je eerste scherm in minder dan vijf minuten.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/nl/mcp/overview">
    Gebruik Flowstep vanuit Cursor, Claude Code, of elke MCP-compatibele client.
  </Card>

  <Card title="Designs genereren" icon="wand-magic-sparkles" href="/nl/generating-designs">
    Hoe je prompts schrijft die de schermen opleveren die je echt wilt.
  </Card>

  <Card title="Figma-integratie" icon="figma" href="/nl/figma-integration">
    Plak Flowstep-designs met één sneltoets in een bestaand Figma-bestand.
  </Card>
</CardGroup>