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

# Comença amb Flowstep: registra't i genera dissenys

> Crea un compte gratuït de Flowstep, genera el teu primer disseny d'interfície des d'un prompt i comparteix-lo amb l'equip — tot en una mateixa sessió.

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

Posar-se en marxa amb Flowstep només necessita uns pocs minuts. Registra't gratuïtament, descriu el que vols construir i Flowstep genera el teu disseny immediatament. A partir d'aquí pots refinar-ho amb prompts de seguiment, convidar l'equip a col·laborar i compartir el resultat amb els interessats — no es necessita cap eina de disseny ni experiència prèvia.

<Steps>
  <Step title="Crea el teu compte gratuït">
    Vés a [flowstep.ai](https://flowstep.ai) i registra't amb Google o amb el teu correu electrònic i contrasenya. No es requereix cap targeta de crèdit per començar.

    <Note>
      Si et registres amb correu electrònic i contrasenya, comprova la teva bústia d'entrada per a un correu de confirmació ("Confirm your Flowstep email") i fes clic a l'enllaç per activar el teu compte — pots tornar-lo a enviar des de la pàgina "Check your inbox" si no arriba. No s'accepten adreces de correu temporals; utilitza un correu laboral o personal.
    </Note>

    Després de registrar-te arribes a una pantalla de benvinguda breu: contesta tres preguntes ràpides, aleshores descriu el teu primer disseny allà mateix — quatre prompts d'exemple (Dashboard, Landing page, Mobile app, Checkout) estan disponibles si vols un punt de partida.
  </Step>

  <Step title="Descriu la pantalla que vols">
    Escriu un prompt en anglès senzill que descrigui la interfície que tens en ment. Sigues específic sobre la finalitat de la pantalla i qualsevol element clau que hauria d'incloure.

    Un prompt com "Tauler de control per a una aplicació de gestió de projectes amb una llista de tasques, barres de progrés i una navegació de barra lateral" li dóna a Flowstep prou context per produir un disseny enfocsat i útil.

    <Tip>
      No necessites vocabulari de disseny. Concentra't en la finalitat de la pantalla i quina informació s'ha de mostrar — Flowstep gestiona el disseny, la tipografia, l'espaiat i les opcions de color.
    </Tip>
  </Step>

  <Step title="Genera les teves pantalles">
    Envia el teu prompt i Flowstep genera el teu disseny en segons. Pots generar múltiples pantalles en una sola sessió per explorar diferents direccions o construir un flux complet.
  </Step>

  <Step title="Refina a través de conversa">
    No és exacte? Escriu un prompt de seguiment per ajustar el disseny — canvia l'esquema de color, reorganitza els elements, canvia el contingut o sol·licita un disseny completament diferent. Pots editar elements manualment o utilitzar accions d'un clic al menú d'opcions.
  </Step>

  <Step title="Exporta o comparteix el teu treball">
    Quan estàs satisfet amb el resultat, tria com compartir-lo:

    * **Export** (Exporta) el codi o a través de MCP
    * **Download** (Descarrega) la pantalla com a fitxer JPG o PNG
    * **Copy to Figma** (Copia a Figma) utilitzant la drecera de teclat per enganxar directament a un fitxer Figma existent
    * **Share a link** (Comparteix un enllaç) amb els companys de l'equip o interessats — poden veure el disseny sense crear un compte

    <Note>
      Pots convidar l'equip a col·laborar en un fitxer de Flowstep. Poden unir-se i començar a contribuir en pocs minuts.
    </Note>
  </Step>
</Steps>