Skip to main content
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.
1

Crea el teu compte gratuït

Vés a 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.
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.
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.
2

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

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

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

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
Pots convidar l’equip a col·laborar en un fitxer de Flowstep. Poden unir-se i començar a contribuir en pocs minuts.