Skip to main content
Motiv je sdílená barevná paleta a zaoblení rohů pro vaše obrazovky. Každý soubor má motiv a vzhled (světlý nebo tmavý) a obrazovky se stylizují pomocí tokenů motivu. Když motiv upravíte, všechny obrazovky, které ho používají, se podle něj přizpůsobí. Váš tým tak pracuje s jednou sadou rozhodnutí a nemusí barvy opakovat v každém promptu. Motivy, které vytvoříte nebo vygenerujete, se uloží do vaší organizace a zobrazí se v sekci Themes (Motivy) na Home. Každý soubor v organizaci je tak může používat.

​
Výběr motivu pro soubor

Motiv a vzhled pro nové obrazovky vyberte v editoru promptu uvnitř souboru. Tlačítko motivu není v poli pro prompt na Home k dispozici.
1

Otevřete nabídku motivů

V editoru promptu klikněte na tlačítko motivu. Zobrazuje barevný vzorek aktuálního motivu, nebo barevné kolečko, pokud je motiv Automatic. Nabídka se jmenuje Theme for new screens.
2

Vyberte motiv

Zvolte Automatic, jeden z motivů vaší organizace (uvedený jako první), nebo vestavěný motiv: Default, Blue, Grayscale, Green, Ice, Orange, Red, Rose, Violet nebo Yellow.
3

Vyberte vzhled

V sekci Appearance zvolte Light nebo Dark, případně Automatic, aby Flowstep rozhodl za každou obrazovku podle vašeho promptu. Prompt „tmavý dashboard“ vyjde tmavě.
Vaše volba se použije na obrazovky, které vygenerujete příště. Obrazovky, které už jsou na plátně, si zachovají svůj vzhled.

​
Nechte Flowstep navrhnout motiv

Pokud soubor zatím nemá motiv (tedy nový soubor s motivem ponechaným na Automatic), Flowstep navrhne vlastní motiv společně s prvními obrazovkami, které vygeneruje. Během práce uvidíte v chatu krok Designing theme. Flowstep motiv sestavuje z těchto zdrojů: Motiv dostane krátký název, kompletní paletu pro světlý i tmavý vzhled a krok zaoblení. Uloží se do vaší organizace v sekci Themes na Home a soubor jej použije pro každou obrazovku vygenerovanou po té. Jakmile má soubor motiv, Flowstep žádný další sám nenavrhne. Chcete-li nový motiv, znovu v nabídce motivů vyberte Automatic. Při dalším generování se navrhne nový motiv a soubor se na něm usadí. Pokud Flowstep motiv navrhnout nedokáže, soubor přejde na vestavěný motiv.
Uveďte barvy své značky už v prvním promptu, nebo je nastavte ve svých designových pokynech před generováním. Vygenerovaný motiv z nich vychází.

​
Změna motivu jedné obrazovky

Chcete-li restylovat jednu obrazovku, aniž byste měnili zbytek souboru:
  1. Na plátně vyberte obrazovku.
  2. V nabídce nad obrazovkou klikněte na tlačítko Theme.
  3. Vyberte jeden z motivů vaší organizace nebo vestavěný motiv, případně přepněte mezi Light a Dark.
Změna motivu obrazovku okamžitě přemaluje. Přepnutí mezi Light a Dark požádá AI, aby obrazovku restylovala, stejně jako úprava pomocí AI. Nabídka není během běžícího generování dostupná.

​
Úprava motivu

Motiv otevřete v sekci Themes na Home. Editor motivu zobrazuje živý náhled motivu a vpravo je panel Theme settings. Tlačítky Light a Dark nahoře přepínáte náhled a kliknutím na název motivu ho přejmenujete.
  • Colors — každá skupina barev má vzorek pro světlý vzhled a jeden pro tmavý: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts a Sidebar. Kliknutím na vzorek upravíte jeho barvy, například výplň a barvu textu skupiny, pomocí výběru barev nebo hexadecimální hodnoty.
  • Radius — vyberte krok zaoblení (Square, Slight, Balanced, Soft nebo Round), nebo zvolte Custom a posunutím Base radius nastavte vlastní hodnotu.
Úpravy se ukládají jako koncept, takže se obrazovky během vaší práce nemění. Až budete připraveni:
  • Klikněte na Publish, aby se aktualizovaly všechny obrazovky, které motiv používají. Flowstep potvrdí zprávou „Published. Screens using this theme are updating.“ (Publikováno. Obrazovky používající tento motiv se aktualizují.)
  • Klikněte na Reset changes, čímž zahodíte nepublikované změny. Obrazovky s motivem nejsou ovlivněny.
Motiv odstraníte kliknutím na Delete theme ve spodní části panelu Theme settings, nebo na ikonu koše vedle něj v seznamu Themes na Home. Smazaný motiv se už v nabídkách motivů nenabízí. Obrazovky, které ho už používají, si zachovají vzhled, takže se na plátně nic nezmění.
Všichni v organizaci kromě Guests (hostů) mohou motivy upravovat a mazat.

​
Propojení barev a zaoblení s motivem

Barvy a zaoblení mohou odkazovat na token motivu místo pevné hodnoty. Propojená hodnota sleduje motiv obrazovky. Když se motiv změní, ať už jde o jiný motiv, publikovanou úpravu, nebo přepnutí mezi světlým a tmavým vzhledem, propojené barvy a zaoblení se aktualizují spolu s ním. Colors — v panelu Fill nebo Border klikněte na vzorek barvy. Na kartě Token vyhledejte nebo vyberte token ze skupin Theme, Base nebo Tailwind. Pro přesnou barvu použijte kartu Custom. Propojená barva zobrazuje v panelu název svého tokenu a průhlednost můžete stále upravit. Corners — v panelu Corners klikněte na náhled rohu. Na kartě Token vyberte krok (například md nebo lg). Na kartě Custom zadejte přesnou hodnotu v pixelech. Propojený roh zobrazuje název svého tokenu a změna zaoblení motivu jej znovu zaoblí. Propojenou hodnotu převedete zpět na pevnou kliknutím na Detach from token. Barva nebo roh si zachová aktuální vzhled, ale už nebude sledovat motiv.

​
Dobré vědět

  • Obrazovky si zachovávají vlastní motiv — každá obrazovka si pamatuje svůj motiv a vzhled. Změna motivu souboru ovlivní jen obrazovky, které vygenerujete příště. Stávající obrazovky restylujte pomocí nabídky Theme u každé z nich.
  • Pouze publikované verze — obrazovky zobrazují publikovanou verzi motivu. Koncepty jsou vidět jen v editoru motivu, dokud je nepublikujete.
  • Propojení s tokeny přežije úpravy — barvy motivu použité ve stínech, filtrech a přechodech zůstanou propojeny s motivem, když Flowstep obrazovku upraví nebo vygeneruje znovu.
  • Kroky zaoblení, které se nepřizpůsobují — tokeny rohů none a full jsou vždy hranaté, respektive zcela zaoblené, bez ohledu na zaoblení motivu.