Redigera och iterera på Flowstep-designs via chatt eller arbetsyta

Flowstep-designs är fullt redigerbara efter generering. Du är inte låst till det som AI först producerar — du kan justera visuella element direkt i redigeraren, använda chatt för att beskriva ändringar på enkelt språk, eller fråga Flowstep att generera variationer och nya skärmar. Använd den metod som passar den förändring du vill göra.

​

Två sätt att redigera

​

Redigera bara en del av en skärm

Du behöver inte redigera hela skärmar. Välj ett underelement — ett kort, en knapp, en textetikett — och din chattprompt tillämpas bara på det, vilket lämnar resten av skärmen orörd.

• Byt till Direct selection läge med Shift+V (eller listrutan på knappen Välj verktygsfält) för att välja det djupaste elementet under ditt klick. Tryck på V för normal markering, eller håll Cmd (Mac) / Ctrl (Windows) för att använda direktmarkering tillfälligt. Escape avslutar direktmarkeringen.
• Välj underelement över flera skärmar med Cmd+Shift — en enskild prompt kan redigera upp till 6 skärmar per meddelande.

När ett bildelement är valt (utanför wireframe-läge) visas en Image panel i egenskapspanelen: förhandsgranska bilden, byt den genom att dra en ny bildfil på förhandsvisningen eller klicka på Pick image, eller spara den med Download image.

​

Kopiera och klistra in element

Kopiera en markering och klistra in den där du behöver den — i samma fil, i en annan fil eller i en annan webbläsarflik, eftersom kopior går till ditt systemklippbord.

• Kopiera med Cmd+C (Mac) / Ctrl+C (Windows), klipp ut med Cmd+X / Ctrl+X, och klistra in med Cmd+V / Ctrl+V.
• Duplicera en markering på plats med Cmd+D / Ctrl+D.
• Inklistrade element hamnar en bit förskjutna från originalen så att de inte täcker dem.

Genvägarna verkar på de markerade elementen. Medan du redigerar text används i stället vanlig kopiering och inklistring av text.

​

Namnge skärmar på arbetsytan

Varje skärm visar sitt namn på en etikett ovanför den på arbetsytan. En skärm som du ännu inte har namngett visar Screen.

• Dubbelklicka på etiketten för att byta namn på skärmen och tryck sedan på Enter för att spara — att klicka utanför sparar också. Namn kan vara upp till 100 tecken.
• Klicka en gång på etiketten för att välja skärmen och dra sedan för att flytta den runt arbetsytan.

​

Justera opacitet, blandningsläge och hörn

Välj ett element för att finjustera dess utseende i egenskapspanelen:

• Opacity — ställ in hur transparent elementet är, från 0 till 100%. Samma panel innehåller ett blandningsläge (Normal, Multiply, Screen, Overlay och fler) som styr hur elementet blandas med det som ligger bakom det.
• Corners — avrunda elementets hörn. Ange en enda Corner radius för alla fyra, eller aktivera Per corner för att ge det övre vänstra, övre högra, nedre högra och nedre vänstra hörnet var sin radie. Varje värde kan vara en Token från ditt tema eller ett Custom-värde.

​

Zooma in till pixeln

Zooma canvasen upp till 25 600% för att kontrollera avstånd och justering noggrant. Över 200% visas pixelanpassade rutnätslinjer, och de blir tydligare ju längre in du zoomar, så att du kan rikta in elementen exakt.

​

Återställ en tidigare version

Varje AI-generering i chatthistoriken behåller sitt ursprungliga resultat. Om en skärm har redigerats eller tagits bort sedan den genererades, visar dess chattmeddelande en Restore knapp — Restore original för att ångra redigeringar, eller Restore / Restore all för att återställa borttagna skärmar. Använd det för att komma tillbaka till ett känt bra tillstånd efter en redigering som går åt fel håll. Håll över något meddelande i chattfönstret för att se när det skickades. Nya meddelanden visar tiden; äldre visar hur länge sedan de skickades (till exempel “1 dag sedan”), med fullständigt datum och tid i ett verktygstips.

​

Åtgärder med ett klick

Utöver direkta redigeringar kan du fråga Flowstep att utforska alternativ:

• Try again from scratch — fråga Flowstep att producera en helt ny version av den aktuella skärmen med en annan layout eller visuell riktning.
• Show the next screen — fråga Flowstep att generera vad som logiskt kommer härnäst i användarflödet.
• Make it pretty — justera avstånd, justering och färger över designen. Layouten förblir densamma.

Dessa alternativ låter dig iterera snabbt utan att behöva skriva en prompt varje gång.

​

Iterera för att förfina

Designen landar sällan perfekt vid första försöket. Använd chattbaserad redigering för varje feedback-rond — beskriv vad som fungerar och vad som inte gör det, och Flowstep justerar därifrån. Det finns ingen gräns för hur många gånger du kan iterera på en skärm.