Skip to main content
Screenshot 2026 05 06 At 14 25 48
Els dissenys de Flowstep són completament editables després de la generació. No estàs limitat a allò que l’IA produeix inicialment — pots ajustar els elements visuals directament a l’editor, usar el xat per descriure els canvis en llenguatge natural, o demanar a Flowstep que generi variacions i noves pantalles. Usa el mètode que millor s’adapti al canvi que vols fer.

​
Dues maneres d’editar

Fes els canvis directament al llenç seleccionant i modificant els elements. Aquest mètode funciona millor per a ajustaments precisos — moure un component, canviar un color, actualitzar una etiqueta, o ajustar l’espaiat.
1

Selecciona l'element que vols canviar

Fes clic en qualsevol component o capa del teu disseny per seleccionar-lo.
2

Fes els teus canvis

Usa els controls de l’editor per ajustar propietats com el color, la mida, la posició, o el contingut del text.
3

Revisa el resultat

Els teus canvis s’apliquen immediatament al llenç. Continua editant o passa a la següent pantalla.

​
Edita només part d’una pantalla

No has d’editar pantalles senceres. Selecciona un subelement — una targeta, un botó, una etiqueta de text — i el teu prompt de xat s’aplica només a aquest element, deixant la resta de la pantalla intacta.
  • Canvia al mode Direct selection amb Shift+V (o la llista desplegable al botó de la barra d’eines Seleccionar) per seleccionar l’element més profund sota el teu clic. Prem V per a la selecció normal, o mantén Cmd (Mac) / Ctrl (Windows) per usar la selecció directa temporalment. Escape surt de la selecció directa.
  • Selecciona subelements en múltiples pantalles amb Cmd+Shift — un únic prompt pot editar fins a 6 pantalles per missatge.
Quan es selecciona un element d’imatge (fora del mode wireframe), apareix un panell Image al panell de propietats: visualitza la imatge, canvia-la arrossegant un nou fitxer d’imatge a la vista prèvia o fent clic a Pick image, o desa-la amb Download image.

​
Restaura una versió anterior

Cada generació de l’IA en l’historial de xat manté el seu resultat original. Si una pantalla ha estat editada o suprimida des que es va generar, el seu missatge de xat mostra un botó Restore — Restore original per revertir les edicions, o Restore / Restore all per portar de tornada les pantalles suprimides. Usa-la per tornar a un estat conegut com correcte després que una edició vagi en la direcció incorrecta. Passa el cursor sobre qualsevol missatge al panell de xat per veure quan es va enviar. Els missatges recents mostren l’hora; els més antics mostren fa quant temps es van enviar (per exemple, “1 dia enrere”), amb la data i l’hora completes en una infobustia.

​
Accions amb un sol clic

Screenshot 2026 05 06 At 14 29 34
Més allà de les edicions directes, pots demanar a Flowstep que explori alternatives:
  • Try again from scratch — demana a Flowstep que produeixi una versió nova de la pantalla actual amb una disposició o direcció visual diferent.
  • Show the next screen — demana a Flowstep que generi allò que lògicament ve següent al flux d’usuari.
  • Make it pretty — ajusta l’espaiat, l’alineació, i els colors al disseny. La disposició es manté igual.
Aquestes opcions et permeten iterar ràpidament sense haver d’escriure un prompt cada vegada.

​
Iterant per refinar

El disseny rarament es perfecciona en el primer intent. Usa l’edició basada en xat per a cada ronda de retroalimentació — descriu allò que funciona i allò que no, i Flowstep s’ajusta des de llavors. No hi ha límit en quantes vegades pots iterar en una pantalla.
Quan iteres a través del xat, referencia elements específics pel nom o ubicació per obtenir resultats més precisos. Per exemple: “Mou el botó de cridada a l’acció a la part inferior de la pantalla i fes-la ample tot l’amplada” és més efectiu que “arregla el botó.”