Edita i itera els dissenys de Flowstep a través de xat o llenç

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

​

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.

​

Copia i enganxa elements

Copia una selecció i enganxa-la on la necessitis — al mateix fitxer, en un altre fitxer, o en una altra pestanya del navegador, perquè les còpies van al portapapers del sistema.

• Copia amb Cmd+C (Mac) / Ctrl+C (Windows), retalla amb Cmd+X / Ctrl+X, i enganxa amb Cmd+V / Ctrl+V.
• Duplica una selecció al mateix lloc amb Cmd+D / Ctrl+D.
• Els elements enganxats apareixen una mica desplaçats respecte als originals perquè no els tapin.

Aquestes dreceres actuen sobre els elements seleccionats; mentre edites text, recorren a la còpia i l’enganxat de text ordinari.

​

Posa nom a les pantalles del llenç

Cada pantalla mostra el seu nom en una etiqueta situada damunt seu al llenç. Una pantalla que encara no has nomenat apareix com a Screen.

• Fes doble clic a l’etiqueta per canviar el nom de la pantalla, i després prem Enter per desar-lo — fer clic fora també desa. Els noms poden tenir fins a 100 caràcters.
• Fes clic una vegada a l’etiqueta per seleccionar la pantalla, i després arrossega-la per moure-la pel llenç.

​

Ajusta l’opacitat, el mode de barreja i les cantonades

Selecciona un element per ajustar-ne l’aspecte amb precisió al panell de propietats:

• Opacity (opacitat) — defineix el grau de transparència de l’element, de 0 a 100%. El mateix panell conté un mode de barreja (Normal, Multiply, Screen, Overlay, i més) que controla com es barreja l’element amb allò que hi ha darrere.
• Corners (cantonades) — arrodoneix les cantonades de l’element. Defineix un sol Corner radius (radi de cantonada) per a les quatre, o activa Per corner (per cantonada) per donar a les cantonades superior esquerra, superior dreta, inferior dreta i inferior esquerra el seu propi radi. Cada valor pot ser un Token (token) del teu tema o una quantitat Custom (personalitzada).

​

Amplia fins al píxel

Amplia el llenç fins al 25.600% per revisar l’espaiat i l’alineació amb detall. A partir del 200%, apareixen línies de quadrícula alineades amb els píxels, que es fan més visibles com més amplies, de manera que pots alinear els elements exactament.

​

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

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.