Skip to main content
Et tema er en delt fargepalett og hjørneavrunding for skjermene dine. Hver fil har et tema og et utseende (lys eller mørk), og skjermer stiles med temaets tokens. Når du redigerer et tema, følger alle skjermer som bruker det med. Teamet ditt jobber dermed ut fra ett sett med beslutninger i stedet for å gjenta farger i hver prompt. Temaer du lager eller genererer, lagres i organisasjonen din og vises under Themes på Home, slik at alle filer i organisasjonen kan bruke dem.

​
Velg et tema for en fil

Velg tema og utseende for nye skjermer fra prompt-komponenten inne i en fil. Temaknappen er ikke tilgjengelig i prompt-boksen på Home.
1

Åpne temamenyen

I prompt-komponenten klikker du på temaknappen. Den viser fargeprøven til det gjeldende temaet, eller et fargehjul når temaet er Automatic. Menyen har tittelen Theme for new screens.
2

Velg et tema

Velg Automatic, et av organisasjonens temaer (listet først) eller et innebygd tema: Default, Blue, Grayscale, Green, Ice, Orange, Red, Rose, Violet eller Yellow.
3

Velg et utseende

Under Appearance velger du Light eller Dark, eller Automatic for at Flowstep skal avgjøre per skjerm ut fra prompten din. «Et mørkt dashbord» blir for eksempel mørkt.
Valget ditt gjelder skjermene du genererer neste gang. Skjermer som allerede er på lerretet, beholder utseendet sitt.

​
La Flowstep designe et tema

Når en fil ikke har et tema ennå, for eksempel en ny fil der temaet er satt til Automatic, designer Flowstep et egendefinert tema sammen med de første skjermene den genererer. Du ser et trinn kalt Designing theme i chatten mens det arbeider. Flowstep bygger temaet ut fra: Temaet får et kort navn, en komplett palett for både lys og mørk, og et trinn for avrunding. Det lagres i organisasjonen din under Themes på Home, og filen bruker det for alle skjermer som genereres etter det. Når en fil har et tema, designer Flowstep ikke et nytt av seg selv. For å få et nytt tema velger du Automatic igjen i temamenyen. Neste generering designer et nytt tema, og filen går over til det. Hvis Flowstep ikke kan designe et tema, faller filen tilbake til et innebygd tema.
Nevn merkevarefargene dine i den første prompten, eller sett dem i designretningslinjene dine før du genererer. Da starter det genererte temaet fra dem.

​
Endre temaet for én skjerm

For å tilpasse en enkelt skjerm uten å endre resten av filen:
  1. Velg skjermen på lerretet.
  2. I menyen over skjermen klikker du på Theme-knappen.
  3. Velg et av organisasjonens temaer eller et innebygd tema, eller bytt mellom Light og Dark.
Når du bytter tema, blir skjermen malt på nytt med en gang. Å bytte mellom Light og Dark ber AI-en om å tilpasse skjermen på nytt, på samme måte som en AI-redigering. Menyen er utilgjengelig mens en generering kjører.

​
Rediger et tema

Åpne et tema fra Themes-seksjonen på Home. Temaredigeringen viser en live forhåndsvisning av temaet, med Theme settings til høyre. Bruk knappene Light og Dark øverst for å bytte forhåndsvisning, og klikk på temaets navn for å gi det nytt navn.
  • Colors – hver fargegruppe har en fargeprøve for lys og en for mørk: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts og Sidebar. Klikk på en fargeprøve for å redigere fargene, for eksempel fyll- og tekstfargen for en gruppe, med fargevelgeren eller en heksadesimal verdi.
  • Radius – velg et avrundingstrinn (Square, Slight, Balanced, Soft eller Round), eller velg Custom og dra Base radius for å angi din egen verdi.
Redigeringene dine lagres som et utkast, så skjermer endrer seg ikke mens du jobber. Når du er klar:
  • Klikk Publish for å oppdatere alle skjermer som bruker temaet. Flowstep bekrefter med “Published. Screens using this theme are updating.” (Publisert. Skjermer som bruker dette temaet, oppdateres.)
  • Klikk Reset changes for å forkaste upubliserte endringer. Skjermer som bruker temaet, påvirkes ikke.
For å fjerne et tema klikker du på Delete theme nederst i Theme settings, eller på søppelbøtte-ikonet ved siden av temaet i Themes-listen på Home. Et slettet tema tilbys ikke lenger i temamenyene. Skjermer som allerede bruker det, beholder utseendet sitt, så ingenting på lerretet endrer seg.
Alle i organisasjonen din, unntatt Guests (gjester), kan redigere og slette temaer.

​
Koble farger og hjørner til temaet ditt

Farger og hjørner kan peke på et tema-token i stedet for en fast verdi. En koblet verdi følger skjermens tema. Når temaet endrer seg, for eksempel ved et annet tema, en publisert redigering eller et bytte mellom lys og mørk, oppdateres koblede farger og hjørner med det. Colors: I panelet Fill eller Border klikker du på fargeprøven. Under fanen Token søker du etter eller velger et token fra gruppene Theme, Base eller Tailwind. Bruk fanen Custom for en eksakt farge. En koblet farge viser token-navnet sitt i panelet, og du kan fortsatt justere opasiteten. Corners: I panelet Corners klikker du på en hjørneforhåndsvisning. Under fanen Token velger du et trinn, for eksempel md eller lg. Under fanen Custom skriver du inn en eksakt verdi i piksler. Et koblet hjørne viser token-navnet sitt, og endring av temaets avrunding runder det av på nytt. For å gjøre en koblet verdi om til en fast verdi igjen, klikker du på Detach from token. Fargen eller hjørnet beholder utseendet sitt, men følger ikke lenger temaet.

​
Greit å vite

  • Skjermer beholder sitt eget tema: Hver skjerm husker temaet og utseendet sitt. Endring av filens tema påvirker bare skjermer du genererer neste gang. Bruk Theme-menyen for den enkelte skjermen for å tilpasse eksisterende skjermer.
  • Bare publiserte versjoner: Skjermer viser den publiserte versjonen av et tema. Utkast er bare synlige i temaredigeringen til du publiserer.
  • Token-koblinger består ved redigering: Temafarger som brukes i skygger, filtre og gradienter, forblir koblet til temaet når Flowstep redigerer eller genererer en skjerm på nytt.
  • Avrundingstrinn som ikke skalerer: Hjørne-tokenene none og full er alltid kantete og helt runde, uansett temaets avrunding.