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

# Què és Flowstep?

> Flowstep és una eina de disseny amb IA que genera pantallas d'UI polides a partir de prompts de text. Aprèn què fa, per a qui és i què pots construir amb ella.

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

Descriu la pantalla que vols, obtén una interfície dissenyada en segons.

Per als desenvolupadors, és la manera més ràpida d'especificar una interfície abans d'escriure el codi. Per als PM i fundadors, és una manera de comunicar idees de producte sense ambigüitat. Per als dissenyadors, és un punt de partida que evita la pantalla en blanc.

## Què pots fer amb Flowstep

* **Genera pantallas a partir de text** — descriu el que vols, obtén una interfície de disseny en segons
* **Itera a través de prompts o edicions directes** — refina dissenys, copia i estils sense abandonar el llenç
* **Visualitza com a prototip interactiu** — Flowstep vincula les teves pantallas en un flux clic automàticament. Veure [Prototips](/ca/prototypes).
* **Connecta la teva IDE via MCP** — genera i edita pantallas de Cursor, Claude Code, Windsurf o Claude Desktop. Veure [MCP Server](/ca/mcp/overview).
* **Exporta a Figma, codi o com a fitxers d'imatge** — enganxa directament en un fitxer Figma existent, exporta el codi o baixa pantallas com a PNG/JPG
* **Comparteix amb un enllaç** — els revisors no necessiten un compte Flowstep per veure o comentar

## Per a qui és Flowstep

* **Desenvolupadors** que construeixen UI de producte sense un dissenyador disponible, o que volen especificar una pantalla visualment abans d'implementar-la
* **Gestors de producte i fundadors** comunicant idees visualment o validant una idea
* **Dissenyadors** saltant la pantalla en blanc — comença des d'un disseny generat i edita-lo des d'allà

<Note>
  No es requereix experiència en disseny. Si pots descriure una pantalla en anglès pla, Flowstep pot generar-la.
</Note>

## Per on anar a continuació

<CardGroup cols={2}>
  <Card title="Inici ràpid" icon="rocket" href="/ca/getting-started">
    Genera la teva primera pantalla en menys de cinc minuts.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/ca/mcp/overview">
    Utilitza Flowstep de Cursor, Claude Code, o qualsevol client compatible amb MCP.
  </Card>

  <Card title="Generant dissenys" icon="wand-magic-sparkles" href="/ca/generating-designs">
    Com escriure prompts que produeixen les pantallas que realment vols.
  </Card>

  <Card title="Integració amb Figma" icon="figma" href="/ca/figma-integration">
    Enganxa dissenys de Flowstep en un fitxer Figma existent amb una drecera.
  </Card>
</CardGroup>