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

# Cos'è Flowstep?

> Flowstep è uno strumento di design AI che genera schermate UI raffinate dai prompt di testo. Scopri cosa fa, per chi è e cosa puoi costruire con esso.

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

Descrivi la schermata che desideri e otterrai un'interfaccia progettata in pochi secondi.

Per gli sviluppatori, è il modo più veloce per specificare un'interfaccia utente prima di scrivere il codice. Per i PM e i fondatori, è un modo per comunicare idee di prodotto senza ambiguità. Per i designer, è un punto di partenza che salta la tela bianca.

## Cosa puoi fare con Flowstep

* **Genera schermate da testo** — descrivi quello che desideri, ottieni un'interfaccia progettata in pochi secondi
* **Itera attraverso prompt o modifiche dirette** — affina layout, testo e stile senza lasciare l'area di lavoro
* **Visualizza in anteprima come prototipo interattivo** — Flowstep collega le tue schermate in un flusso cliccabile automaticamente. Consulta [Prototipi](/it/prototypes).
* **Connetti il tuo IDE tramite MCP** — genera e modifica schermate da Cursor, Claude Code, Windsurf o Claude Desktop. Consulta [MCP Server](/it/mcp/overview).
* **Esporta su Figma, codice o come file immagine** — incolla direttamente in un file Figma esistente, esporta il codice o scarica schermate come PNG/JPG
* **Condividi con un link** — i revisori non hanno bisogno di un account Flowstep per visualizzare o commentare

## Per chi è Flowstep

* **Sviluppatori** che costruiscono l'interfaccia utente del prodotto senza un designer a disposizione, o che desiderano specificare visivamente una schermata prima di implementarla
* **Manager di prodotto e fondatori** che comunicano idee visivamente o validano un'idea
* **Designer** che saltano la tela bianca — inizia da un layout generato e modifica da lì

<Note>
  Non è richiesta esperienza di design. Se riesci a descrivere una schermata in semplice inglese, Flowstep può generarla.
</Note>

## Dove andare dopo

<CardGroup cols={2}>
  <Card title="Guida rapida" icon="rocket" href="/it/getting-started">
    Genera la tua prima schermata in meno di cinque minuti.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/it/mcp/overview">
    Usa Flowstep da Cursor, Claude Code o da qualsiasi client compatibile con MCP.
  </Card>

  <Card title="Generazione di design" icon="wand-magic-sparkles" href="/it/generating-designs">
    Come scrivere prompt che producono le schermate che desideri davvero.
  </Card>

  <Card title="Integrazione Figma" icon="figma" href="/it/figma-integration">
    Incolla i design di Flowstep in un file Figma esistente con una scorciatoia.
  </Card>
</CardGroup>