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 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

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

Välj elementet du vill ändra

Klicka på någon komponent eller lager i din design för att välja den.
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å arbetsytan. Fortsätt redigera 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 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.

​
Å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

Screenshot 2026 05 06 At 14 29 34
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.
När du itererar via chatt, 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-bredd” är mer effektivt än “fixa knappen.”