Skip to main content
Screenshot 2026 05 06 At 14 25 48
Flowstep-designs är fullt redigerbara efter generering. Du är inte låst till vad AI:n först producerar—du kan justera visuella element direkt i redigeraren, använda chat för att beskriva ändringar på vanlig svenska, eller be Flowstep att generera varianter och nya skärmar. Använd vilken metod som passar bäst för den ändring du vill göra.

​
Två sätt att redigera

Gör ändringar direkt på canvas genom att välja och ändra element. Den här metoden fungerar bäst för exakta justeringar—flytta en komponent, ändra en färg, uppdatera en etikett eller finjustera avstånd.
1

Välj det element du vill ändra

Klicka på någon komponent eller lager i din design för att välja det.
2

Gör dina ändringar

Använd redigeringskontrollerna för att justera egenskaper som färg, storlek, position eller textinnehål.
3

Granska resultatet

Dina ändringar tillämpas omedelbar på canvas. Fortsätt redigering eller gå vidare till nästa skärm.

​
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 chattompt tillämpas bara på det och lämnar resten av skärmen orördt.
  • Byt till Direct selection-läge med Shift+V (eller listrutan på Select-verktygsfältsknappen) för att välja det djupaste elementet under klickningen. Tryck V för normal markering, eller håll Cmd (Mac) / Ctrl (Windows) för att använda direct selection tillfälligt. Escape avslutar direct selection.
  • Välj underelement över flera skärmar med Cmd+Shift — en enda 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örgranska bilden, byt den genom att dra en ny bildfil till förgranskningen eller klicka Pick image, eller spara den med Download image.

​
Å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 få tillbaka raderade skärmar. Använd den för att återgå till ett känt bra tillstånd efter att en redigering gått i fel riktning.

​
Åtgärder med ett klick

Screenshot 2026 05 06 At 14 29 34
Utöver direkta redigeringar kan du be Flowstep att utforska alternativ:
  • Try again from scratch — be Flowstep att producera en ny version av den aktuella skärmen med en annan layout eller visuell riktning.
  • Show the next screen — be 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

Design landar sällan perfekt vid första försöket. Använd chattbaserad redigering för varje feedback-runda—beskriv vad som fungerar och vad som inte gör det, och Flowstep justerar därefter. Det finns ingen gräns för hur många gånger du kan iterera på en skärm.
När du itererar via chat, referera till specifika element efter namn eller plats för att få mer exakta resultat. Till exempel: “Flytta call-to-action-knappen till botten av skärmen och gör den full-width” är mer effektiv än “fixa knappen.”