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

​
Dues formes d’editar

Fes canvis directament al llenç seleccionant i modificant elements. Aquest mètode funciona millor per a ajustos 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

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

Revisa el resultat

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

​
Edita només una 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, deixant la resta de la pantalla sense tocar.
  • Canvia al mode Direct selection amb Shift+V (o la llista desplegable del botó de la barra d’eines Select) 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 se selecciona un element d’imatge (fora del mode estructura de filferro), apareix un panell Image al panell de propietats: visualitza la imatge, canvia-la arrossegant un fitxer d’imatge nou a la visualització prèvia o fent clic a Pick image, o guarda-la amb Download image.

​
Restaura una versió anterior

Cada generació IA a l’historial de xat guarda el seu resultat original. Si una pantalla ha estat editada o suprimida des que va ser generada, el seu missatge de xat mostra un botó Restore — Restore original per revertir edicions, o Restore / Restore all per recuperar pantalles suprimides. Utilitza-ho per tornar a un estat conegut i correcte després que una edició vagi en la direcció equivocada.

​
Accions d’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:
  • Intenta de nou des de zero — demana a Flowstep que produeixi una versió nova de la pantalla actual amb una disposició diferent o una direcció visual diferent.
  • Mostra la pantalla següent — demana a Flowstep que generi allò que ve lògicament a continuació al flux de l’usuari.
  • Fes que es vegi bé — ajusta l’espaiat, l’alineació i els colors en el disseny. La disposició es manté igual.
Aquestes opcions et permeten iterar ràpidament sense haver d’escriure un prompt cada vegada.

​
Iterar per refinar

El disseny rarament és perfecte 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 a partir d’aquí. No hi ha límit en el nombre de vegades que pots iterar en una pantalla.
Quan iteris per xat, referencia elements específics pel seu 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-lo ample complet” és més efectiu que “arregla el botó.”