> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.
# Rediger og iterer på Flowstep-design via chat eller lerret
> Forbedre enhver Flowstep-generert skjerm gjennom manuell visuell redigering eller chat-baserte instruksjoner — iterer så mange ganger som nødvendig til designet er perfekt.
Flowstep-design kan redigeres fullt ut etter generering. Du er ikke låst til det som AI-en først produserer — du kan justere visuelle elementer direkte i redigeringsprogrammet, bruke chat til å beskrive endringer i daglig tale, eller be Flowstep om å generere varianter og nye skjermer. Bruk den metoden som passer best til endringen du vil gjøre.
## To måter å redigere på
Gjør endringer direkte på lerret ved å velge og endre elementer. Denne metoden fungerer best for presise justeringer — å flytte en komponent, endre en farge, oppdatere en etikett eller justere avstand.
Klikk på en komponent eller lag i designet ditt for å velge det.
Bruk redigeringskontrollene til å justere egenskaper som farge, størrelse, posisjon eller tekstinnhold.
Endringene dine brukes umiddelbart på lerret. Fortsett med redigeringen eller gå videre til neste skjerm.
Beskriv endringen du ønsker i daglig tale, og Flowstep oppdaterer designet for deg. Denne metoden er raskere for brede eller strukturelle endringer — justere oppsettet, omtenke en del eller anvende en stilretning.
Velg skjermen du vil redigere, og åpne deretter chat-inngangen.
Skriv hva du vil at Flowstep skal oppdatere. Vær spesifikk om hva som skal endres og hvorfor, hvis det hjelper.
Flowstep bruker endringen og viser deg resultatet. Hvis det ikke er helt riktig, sender du en oppfølgingsmelding for å forbedre det videre.
Redigeringer og regenereringer oppdaterer den valgte skjermen **in place** i stedet for å legge til en ny skjerm — mens Flowstep strømmer endringen, er elementet som blir arbeidet med for øyeblikket fremhevet med en grønn stiplet kant. Generering uten en valgt skjerm legger i stedet til en ny skjerm.
## Rediger bare en del av en skjerm
Du trenger ikke å redigere hele skjermer. Velg et underelement — et kort, en knapp, en tekstetikett — og chat-instruksjonen din brukes bare på det, og lar resten av skjermen være uendret.
* Bytt til **Direct selection**-modus med **Shift+V** (eller rullegardinmenyen på Select-verktøylinjeknappen) for å velge det dypeste elementet under klikket ditt. Trykk **V** for normalt valg, eller hold **Cmd** (Mac) / **Ctrl** (Windows) for å bruke direktvalg midlertidig. **Escape** avslutter direktvalg.
* Velg underelementer på tvers av flere skjermer med **Cmd+Shift** — en enkelt instruksjon kan redigere opptil 6 skjermer per melding.
Når et bildeelement er valgt (utenfor wireframe-modus), vises et **Image**-panel i egenskapsplaten: forhåndsvis bildet, bytt det ved å dra en ny bildefil til forhåndsvisningen eller klikke **Pick image**, eller lagre det med **Download image**.
## Gjenopprett en tidligere versjon
Hver AI-generering i chatshistorikken beholder sitt opprinnelige resultat. Hvis en skjerm har blitt redigert eller slettet siden den ble generert, viser chats-meldingen en **Restore**-knapp — **Restore original** for å angre redigeringer, eller **Restore** / **Restore all** for å få tilbake slettede skjermer. Bruk det til å komme tilbake til en kjent god tilstand etter at en redigering går i feil retning.
## Handlinger med ett klikk
Utover direkte redigeringer kan du be Flowstep om å utforske alternativer:
* **Try again from scratch** — be Flowstep om å produsere en ny versjon av den gjeldende skjermen med et annet oppsett eller visuell retning.
* **Show the next screen** — be Flowstep om å generere det som logisk kommer neste i brukerflytene.
* **Make it pretty** — juster avstand, justering og farger på tvers av designet. Oppsettet forblir det samme.
Disse alternativene lar deg iterere raskt uten å skrive en instruksjon hver gang.
## Iterasjon for å forbedre
Design lander sjelden perfekt ved første forsøk. Bruk chat-basert redigering for hver tilbakemeldingsrunde — beskriv hva som fungerer og hva som ikke fungerer, og Flowstep justerer fra der. Det er ingen grense for hvor mange ganger du kan iterere på en skjerm.
Når du itererer via chat, refererer du til spesifikke elementer etter navn eller plassering for å få mer nøyaktige resultater. For eksempel: «Flytt call-to-action-knappen til bunnen av skjermen og gjør den full-width» er mer effektivt enn «fiks knappen».