Folosește teme ca să păstrezi culorile și rotunjirea colțurilor consistente în toate ecranele Flowstep

O temă este o paletă de culori comună și o rotunjire a colțurilor pentru ecranele tale. Fiecare fișier are o temă și un aspect (luminos sau întunecat), iar ecranele sunt stilizate cu token-urile temei. Editezi o temă, iar fiecare ecran care o folosește o urmează, astfel încât echipa ta lucrează pe baza aceluiași set de decizii, în loc să repete culorile în fiecare prompt. Temele pe care le creezi sau le generezi sunt salvate în organizația ta și apar sub Themes pe Home, ca oricare fișier din organizație să le poată folosi.

​

Alege o temă pentru un fișier

Alege tema și aspectul pentru ecranele noi din compozitorul de prompt din interiorul unui fișier. Butonul de temă nu este disponibil în caseta de prompt de pe Home.

​

Lasă Flowstep să proiecteze o temă

Când un fișier nu are încă o temă, de exemplu un fișier nou cu tema lăsată pe Automatic, Flowstep proiectează o temă personalizată împreună cu primele ecrane pe care le generează. Vei vedea un pas Designing theme în chat cât timp lucrează. Flowstep construiește tema din:

• Culorile pe care le numești în prompt
• Culorile din ghidurile tale de design
• Culorile de brand din atașamente și din linkurile pe care le lipești
• Produsul și atmosfera descrise în prompt, atunci când nu există nimic mai specific de care să se ghideze

Tema primește un nume scurt, o paletă completă pentru aspectul luminos și pentru cel întunecat, plus un pas de rotunjire. Este salvată în organizația ta sub Themes pe Home, iar fișierul o folosește pentru fiecare ecran generat după aceea. Odată ce un fișier are o temă, Flowstep nu proiectează alta din proprie inițiativă. Ca să obții o temă nouă, alege din nou Automatic în meniul temei. Următoarea generare proiectează una nouă, iar fișierul se fixează pe ea. Dacă Flowstep nu poate proiecta o temă, fișierul revine la una integrată.

​

Schimbă tema unui ecran

Ca să restilizezi un singur ecran fără să atingi restul fișierului:

1. Selectează ecranul pe canvas.
2. În meniul de deasupra ecranului, dă clic pe butonul Theme.
3. Alege una dintre temele organizației tale sau o temă integrată ori comută între Light și Dark.

Schimbarea temei redesenează ecranul instant. Comutarea între Light și Dark îi cere AI-ului să restilizeze ecranul, la fel ca o editare AI. Meniul nu este disponibil cât timp rulează o generare.

​

Editează o temă

Deschide o temă din secțiunea Themes de pe Home. Editorul temei afișează o previzualizare live a temei, cu Theme settings în dreapta. Folosește butoanele Light și Dark din partea de sus ca să comuți previzualizarea și dă clic pe numele temei ca să o redenumești.

• Colors: fiecare grup de culori are o mostră pentru aspectul luminos și una pentru cel întunecat: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts și Sidebar. Dă clic pe o mostră ca să îi editezi culorile, de exemplu culorile de umplere și de text ale unui grup, cu selectorul de culori sau cu o valoare hex.
• Radius: alege o treaptă de rotunjire (Square, Slight, Balanced, Soft sau Round), sau alege Custom și trage de Base radius ca să îți setezi propria valoare.

Modificările tale se salvează ca ciornă, deci ecranele nu se schimbă cât lucrezi. Când ești gata:

• Dă clic pe Publish ca să actualizezi fiecare ecran care folosește tema. Flowstep confirmă cu „Published. Screens using this theme are updating.” (Publicat. Ecranele care folosesc această temă se actualizează.)
• Dă clic pe Reset changes ca să renunți la modificările nepublicate. Ecranele care folosesc tema nu sunt afectate.

Ca să ștergi o temă, dă clic pe Delete theme în partea de jos a Theme settings, sau pe iconița de coș de gunoi de lângă ea din lista Themes de pe Home. O temă ștearsă nu mai este oferită în meniurile de teme, dar ecranele care o folosesc deja își păstrează aspectul, deci nimic de pe canvas nu se schimbă.

​

Leagă culorile și colțurile de tema ta

Culorile și colțurile pot indica un token de temă în loc de o valoare fixă. O valoare legată urmează tema ecranului. Când tema se schimbă, fie că e vorba de o temă diferită, de o editare publicată sau de o comutare între luminos și întunecat, culorile și colțurile legate se actualizează odată cu ea. Colors: în panoul Fill sau Border, dă clic pe mostra de culoare. Pe tabul Token, caută sau alege un token din grupurile Theme, Base sau Tailwind. Folosește tabul Custom pentru o culoare exactă. O culoare legată îți afișează numele tokenului în panou, iar tu poți ajusta în continuare opacitatea ei. Corners: în panoul Corners, dă clic pe o previzualizare de colț. Pe tabul Token, alege o treaptă (de exemplu md sau lg). Pe tabul Custom, scrie o valoare exactă în pixeli. Un colț legat îți afișează numele tokenului, iar schimbarea rotunjirii temei îl re-rotunjește. Ca să transformi o valoare legată înapoi într-una fixă, dă clic pe Detach from token. Culoarea sau colțul își păstrează aspectul curent, dar nu mai urmează tema.

​

Lucruri utile de știut

• Ecranele își păstrează propria temă: fiecare ecran își reține tema și aspectul. Schimbarea temei fișierului afectează doar ecranele generate următoare. Folosește meniul Theme de pe fiecare ecran ca să restilizezi ecranele existente.
• Doar versiunile publicate: ecranele afișează versiunea publicată a unei teme. Ciornele sunt vizibile doar în editorul temei până când publici.
• Legăturile la token supraviețuiesc editărilor: culorile temei folosite în umbre, filtre și gradienți rămân legate de temă atunci când Flowstep editează sau regenerează un ecran.
• Trepte de rotunjire care nu se scalează: token-urile de colț none și full sunt mereu pătrate și complet rotunde, indiferent de rotunjirea temei.