Rediger og iterer på Flowstep-designs via chat eller lærred

Flowstep-designs kan fuldt redigeres efter generering. Du er ikke låst til det, som AI først producerer – du kan justere visuals direkte i editoren, bruge chat til at beskrive ændringer på naturligt dansk, eller bede Flowstep om at generere variationer og nye skærme. Brug den metode, der passer bedst til den ændring, du ønsker at foretage.

​

To måder at redigere på

​

Rediger kun en del af en skærm

Du skal ikke redigere hele skærme. Vælg et underelement – et kort, en knap, en tekstetiket – og dit chat-prompt gælder kun for det, og lader resten af skærmen være uberørt.

• Skift til Direct selection (direkte valg)-tilstand med Shift+V (eller dropdown-menuen på Select-værktøjsknappen) for at vælge det dybeste element under dit klik. Tryk V for normal valg, eller hold Cmd (Mac) / Ctrl (Windows) for at bruge direkte valg midlertidigt. Escape afslutter direkte valg.
• Vælg underelementer på tværs af flere skærme med Cmd+Shift – en enkelt prompt kan redigere op til 6 skærme pr. besked.

Når et billedelement er valgt (uden for wireframe-tilstand), vises et Image (billede)-panel i egenskabspanelet: forhåndsvis billedet, skift det ved at trække en ny billedfil onto preview eller klik på Pick image, eller gem det med Download image.

​

Kopiér og indsæt elementer

Kopiér en markering og indsæt den, hvor du har brug for den – i samme fil, i en anden fil eller i en anden browserfane, da kopier går til din systemudklipsholder.

• Kopiér med Cmd+C (Mac) / Ctrl+C (Windows), klip med Cmd+X / Ctrl+X, og indsæt med Cmd+V / Ctrl+V.
• Dupliker en markering på stedet med Cmd+D / Ctrl+D.
• Indsatte elementer placeres en smule forskudt i forhold til originalerne, så de ikke dækker dem.

Disse genveje virker på de markerede elementer; mens du redigerer tekst, falder de tilbage til almindelig tekstkopiering og -indsættelse.

​

Giv skærme navne på lærredet

Hver skærm viser sit navn på en etiket over den på lærredet. En skærm, du endnu ikke har navngivet, viser Screen.

• Dobbeltklik på etiketten for at omdøbe skærmen, og tryk derefter på Enter for at gemme – klik væk gemmer også. Navne kan være op til 100 tegn.
• Klik én gang på etiketten for at vælge skærmen, og træk den derefter for at flytte den rundt på lærredet.

​

Justér opacitet, blandingstilstand og hjørner

Vælg et element for at finjustere dets udseende i egenskabspanelet:

• Opacity (opacitet) — angiv, hvor gennemsigtigt elementet er, fra 0 til 100%. Det samme panel indeholder en blandingstilstand (Normal, Multiply, Screen, Overlay og flere), der styrer, hvordan elementet blandes med det, der ligger bagved.
• Corners (hjørner) — afrund elementets hjørner. Angiv én Corner radius (hjørneradius) for alle fire, eller slå Per corner (pr. hjørne) til for at give øverste venstre, øverste højre, nederste højre og nederste venstre hjørne hver sin radius. Hver værdi kan være en Token fra dit tema eller et Custom beløb.

​

Zoom ind til pixelniveau

Zoom lærredet op til 25.600% for at kontrollere afstand og justering nøje. Over 200% vises pixeljusterede gitterlinjer, som bliver mere synlige, jo længere du zoomer ind, så du kan justere elementer præcist.

​

Gendan en tidligere version

Hver AI-generering i chat-historien bevarer sit oprindelige resultat. Hvis en skærm er blevet redigeret eller slettet siden den blev genereret, viser dens chat-besked en Restore (gendan)-knap – Restore original (gendan original) for at annullere redigeringer, eller Restore / Restore all (gendan alt) for at få slettede skærme tilbage. Brug det for at få tilbage til en kendt god tilstand efter en redigering går i den forkerte retning. Peg over en besked i chat-panelet for at se, hvornår den blev sendt. Nylige beskeder viser tiden; ældre viser, hvor længe siden de blev sendt (f.eks. “1 dag siden”), med den fulde dato og tid i et værktøjstip.

​

One-click-handlinger

Ud over direkte redigeringer kan du bede Flowstep om at udforske alternativer:

• Try again from scratch (prøv igen fra start) – bed Flowstep om at producere en frisk version af den nuværende skærm med et anderledes layout eller visuelt retning.
• Show the next screen (vis næste skærm) – bed Flowstep om at generere hvad der logisk kommer næste i brugerflowet.
• Make it pretty (gør det pænt) – juster afstand, justering og farver på tværs af designet. Layoutet forbliver det samme.

Disse muligheder giver dig mulighed for at iterere hurtigt uden at skulle skrive en prompt hver gang.

​

Iterering for at forfine

Design lander sjældent perfekt ved første forsøg. Brug chat-baseret redigering til hver runde af feedback – beskriv hvad der fungerer og hvad der ikke gør det, og Flowstep justerer derfra. Der er ingen grænse for, hvor mange gange du kan iterere på en skærm.