Editează și îmbunătățește designurile Flowstep prin chat sau canvas

Designurile Flowstep sunt complet editabile după generare. Nu ești blocat în ceea ce produce IA la început—poți ajusta elemente vizuale direct în editor, folosi chat pentru a descrie modificări în limbaj natural, sau cere Flowstep să genereze variante și ecrane noi. Folosește metoda care se potrivește schimbării pe care vrei s-o faci.

​

Două moduri de editare

​

Editează doar o parte a unui ecran

Nu trebuie să editezi ecrane întregi. Selectează un sub-element — o carte, un buton, o etichetă text — și promptul tău de chat se aplică doar lui, lăsând restul ecranului neatins.

• Comută la modul Direct selection cu Shift+V (sau dropdown-ul pe butonul Select din toolbar) pentru a selecta elementul cel mai adânc sub click-ul tău. Apasă V pentru selecție normală, sau ține Cmd (Mac) / Ctrl (Windows) pentru a folosi direct selection temporar. Escape iese din direct selection.
• Selectează sub-elemente pe mai multe ecrane cu Cmd+Shift — un singur prompt poate edita până la 6 ecrane per mesaj.

Când un element imagine este selectat (în afara wireframe mode), un panou Image apare în panoul de proprietăți: previzualizează imaginea, schimb-o trăgând un nou fișier imagine pe previzualizare sau click pe Pick image, sau salvează-o cu Download image.

​

Copiază și lipește elemente

Copiază o selecție și lipește-o oriunde ai nevoie — în același fișier, într-un alt fișier sau într-un alt tab al browserului, deoarece copiile merg în clipboard-ul sistemului tău.

• Copiază cu Cmd+C (Mac) / Ctrl+C (Windows), taie cu Cmd+X / Ctrl+X, și lipește cu Cmd+V / Ctrl+V.
• Duplică o selecție pe loc cu Cmd+D / Ctrl+D.
• Elementele lipite apar ușor decalate față de originale, ca să nu le acopere.

Aceste scurtături acționează asupra elementelor selectate; cât timp editezi text, revin la copierea și lipirea obișnuită a textului.

​

Denumește ecranele pe canvas

Fiecare ecran își afișează numele pe o etichetă deasupra lui pe canvas. Un ecran pe care nu l-ai denumit încă apare ca Screen.

• Dublu click pe etichetă pentru a redenumi ecranul, apoi apasă Enter pentru a salva — un click în afara ei salvează și el. Numele pot avea până la 100 de caractere.
• Click pe etichetă o singură dată pentru a selecta ecranul, apoi trage-l pentru a-l muta pe canvas.

​

Ajustează opacitatea, modul de amestecare și colțurile

Selectează un element pentru a-i ajusta aspectul din panoul de proprietăți:

• Opacity (opacitate) — setează cât de transparent este elementul, de la 0 la 100%. Același panou conține un mod de amestecare (Normal, Multiply, Screen, Overlay și altele), care controlează cum se combină elementul cu ce se află în spatele lui.
• Corners — rotunjește colțurile elementului. Setează un singur Corner radius pentru toate patru, sau activează Per corner pentru a da colțurilor stânga-sus, dreapta-sus, dreapta-jos și stânga-jos propria rază. Fiecare valoare poate fi un Token din tema ta sau o valoare Custom.

​

Mărire până la nivel de pixel

Mărește canvas-ul până la 25.600% pentru a verifica distanțarea și alinierea în detaliu. Peste 200%, apar linii de grilă aliniate la pixeli, care devin mai vizibile cu cât mărești mai mult, astfel încât poți alinia elementele exact.

​

Restaurează o versiune anterioară

Fiecare generare IA în istoricul chat-ului păstrează rezultatul original. Dacă un ecran a fost editat sau șters din momentul în care a fost generat, mesajul din chat arată un buton Restore — Restore original pentru a reveni la editări, sau Restore / Restore all pentru a aduce înapoi ecrane șterse. Folosește-l pentru a te întoarce la o stare cunoscută bună după o editare care merge în direcția greșită. Treci cu mouse-ul peste orice mesaj în panoul de chat pentru a vedea când a fost trimis. Mesajele recente arată ora; cele mai vechi arată cât de mult timp în urmă au fost trimise (de exemplu, “1 day ago”), cu data și ora completă într-un tooltip.

​

Acțiuni cu un clic

Dincolo de editările directe, poți cere Flowstep să exploreze alternative:

• Try again from scratch — cere Flowstep să producă o versiune proaspătă a ecranului curent cu un layout diferit sau o direcție vizuală diferită.
• Show the next screen — cere Flowstep să genereze ceea ce logistic urmează în fluxul utilizatorului.
• Make it pretty — ajustează distanțarea, alinierea și culorile pe întreg designul. Layoutul rămâne la fel.

Aceste opțiuni te lasă să iterezi rapid fără a trebui să scrii un prompt de fiecare dată.

​

Iterare pentru rafinare

Designul rar se potrivește perfect la prima încercare. Folosește editarea bazată pe chat pentru fiecare rundă de feedback—descrie ce funcționează și ce nu, și Flowstep se ajustează de acolo. Nu există nicio limită la câte ori poți itera pe un ecran.