Redigér og iterer på Flowstep-design via chat eller lerret

Flowstep-design er fullstendig redigerbare etter generering. Du er ikke låst til det AI-et først produserer — du kan justere visuals direkte i editoren, bruke chat til å beskrive endringer på vanlig språk, eller be Flowstep om å generere varianter og nye skjermer. Bruk hvilken som helst metode som passer for endringen du ønsker å gjøre.

​

To måter å redigere på

​

Redigér bare en del av en skjerm

Du trenger ikke å redigere hele skjermer. Velg et underelement — et kort, en knapp, en tekstetikett — og chat-prompten din gjelder bare for det, og lar resten av skjermen være uendret.

• Bytt til Direct selection-modus med Shift+V (eller rullegardinmenyen på Select-verktøyknappen) for å velge det dypeste elementet under klikket ditt. Trykk V for normal 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 prompt kan redigere opptil 6 skjermer per melding.

Når et bildeelement er valgt (utenfor wireframe-modus), vises et Image-panel i egenskapspanelet: forhåndsvis bildet, bytt det ved å dra en ny bildefil på forhåndsvisningen eller klikk Pick image, eller lagre det med Download image.

​

Kopier og lim inn elementer

Kopier et utvalg og lim det inn igjen der du trenger det — i samme fil, i en annen fil eller i en annen nettleserfane, siden kopier går til systemets utklippstavle.

• Kopier med Cmd+C (Mac) / Ctrl+C (Windows), klipp ut med Cmd+X / Ctrl+X, og lim inn med Cmd+V / Ctrl+V.
• Dupliser et utvalg på stedet med Cmd+D / Ctrl+D.
• Innlimte elementer havner litt forskjøvet fra originalene, slik at de ikke dekker dem.

Disse snarveiene gjelder de valgte elementene. Når du redigerer tekst, faller de tilbake til vanlig kopiering og liming av tekst.

​

Gi skjermer navn på lerretet

Hver skjerm viser navnet sitt på en etikett over seg på lerretet. En skjerm du ikke har gitt et navn ennå, står som Screen.

• Dobbeltklikk etiketten for å gi skjermen nytt navn, og trykk deretter Enter for å lagre — å klikke utenfor lagrer også. Navn kan være opptil 100 tegn.
• Klikk på etiketten én gang for å velge skjermen, og dra den for å flytte den rundt på lerretet.

​

Juster opasitet, blandingsmodus og hjørner

Velg et element for å finjustere utseendet i egenskapspanelet:

• Opacity (opasitet) — angi hvor gjennomsiktig elementet er, fra 0 til 100%. Samme panel har en blandingsmodus (Normal, Multiply, Screen, Overlay og flere) som styrer hvordan elementet blander seg med det som ligger bak det.
• Corners (hjørner) — rund av elementets hjørner. Angi én Corner radius for alle fire, eller slå på Per corner for å gi hjørnene øverst til venstre, øverst til høyre, nederst til høyre og nederst til venstre hver sin radius. Hver verdi kan være en Token fra temaet ditt eller en egendefinert verdi (Custom).

​

Zoom inn til piksel

Zoom lerretet opp til 25 600% for å kontrollere mellomrom og justering nøye. Over 200% vises pikseljusterte rutenettlinjer, og de blir tydeligere jo lenger du zoomer inn, slik at du kan justere elementer nøyaktig.

​

Gjenopprett en tidligere versjon

Hver AI-generering i chat-historien beholder sitt opprinnelige resultat. Hvis en skjerm har blitt redigert eller slettet siden den ble generert, viser chat-meldingen en Restore-knapp — Restore original for å angre redigeringer, eller Restore / Restore all for å bringe tilbake slettede skjermer. Bruk det for å komme tilbake til en kjent god tilstand etter at en redigering går feil vei. Hold musemarkøren over en melding i chat-panelet for å se når den ble sendt. Nylige meldinger viser tiden; eldre viser hvor lenge siden de ble sendt (for eksempel “1 dag siden”), med full dato og tid i en verktøytips.

​

Handlinger med ett klikk

Utover direkte redigeringer kan du be Flowstep om å utforske alternativer:

• Try again from scratch — be Flowstep om å produsere en frisk versjon av gjeldende skjerm med et annet oppsett eller visuell retning.
• Show the next screen — be Flowstep om å generere hva som logisk kommer etterpå i brukerflytingen.
• Make it pretty — juster mellomrom, justering og farger på designet. Oppsettet forblir det samme.

Disse alternativene lar deg iterere raskt uten å måtte skrive en prompt hver gang.

​

Iterering for å finpusse

Design lander sjelden perfekt på første forsøk. Bruk chat-basert redigering for hver runde med tilbakemelding — beskriv hva som fungerer og hva som ikke gjør det, og Flowstep justerer derfra. Det er ingen grense for hvor mange ganger du kan iterere på en skjerm.