> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Rediger og forbedre Flowstep-designs via chat eller lærred

> Forbedre enhver Flowstep-genereret skærm gennem manuel visuel redigering eller chatbaserede prompts — gentag så mange gange som nødvendigt, indtil designet er korrekt.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

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 sprog, eller bede Flowstep om at generere variationer og nye skærme. Brug den metode, der passer til den ændring, du gerne vil foretage.

## To måder at redigere på

<Tabs>
  <Tab title="Manuel visuel redigering">
    Foretag ændringer direkte på lærredet ved at vælge og ændre elementer. Denne metode fungerer bedst til præcise justeringer—flytning af en komponent, ændring af en farve, opdatering af en etiket eller justering af afstand.

    <Steps>
      <Step title="Vælg det element, du vil ændre">
        Klik på en vilkårlig komponent eller lag i dit design for at vælge det.
      </Step>

      <Step title="Foretag dine ændringer">
        Brug editorens kontrolelementer til at justere egenskaber såsom farve, størrelse, position eller tekstindhold.
      </Step>

      <Step title="Gennemgå resultatet">
        Dine ændringer anvendes øjeblikkeligt på lærredet. Fortsæt med at redigere eller gå videre til næste skærm.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chatbaseret redigering">
    Beskriv den ændring, du ønsker på naturligt sprog, og Flowstep opdaterer designet for dig. Denne metode er hurtigere til brede eller strukturelle ændringer—justering af layout, genovervejelse af en sektion eller anvendelse af en stilretning.

    <Steps>
      <Step title="Åbn chatpanelet">
        Vælg den skærm, du vil redigere, og åbn derefter chatinputtet.
      </Step>

      <Step title="Beskriv din ændring">
        Skriv det, du ønsker, at Flowstep opdaterer. Vær specifik omkring, hvad der skal ændres, og hvorfor, hvis det hjælper.
      </Step>

      <Step title="Gennemgå det opdaterede design">
        Flowstep anvender ændringen og viser dig resultatet. Hvis det ikke helt passer, skal du sende en opfølgende besked for at forfine det yderligere.
      </Step>
    </Steps>

    Redigeringer og regenereringer opdaterer den valgte skærm **på stedet** i stedet for at tilføje en ny skærm — mens Flowstep streamer ændringen, fremhæves det element, det arbejder på, med en grøn stiplet kant. Generering uden en valgt skærm tilføjer i stedet en ny skærm.
  </Tab>
</Tabs>

## Rediger kun en del af en skærm

Du behøver ikke at redigere hele skærme. Vælg et underelement — et kort, en knap, en tekstetiket — og din chatprompt gælder kun det, hvilket efterlader resten af skærmen uberørt.

* Skift til **Direct selection**-tilstand med **Shift+V** (eller rullemenuen på vælger-værktøjslinjens knap) for at vælge det dybeste element under dit klik. Tryk **V** for normalvalg, eller hold **Cmd** (Mac) / **Ctrl** (Windows) nede for at bruge direkte valg midlertidigt. **Escape** lukker 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**-panel i egenskabspanelet: se billede i forhåndsvisning, erstat det ved at trække en ny billedfil til forhåndsvisningen eller ved at klikke **Pick image**, eller download det med **Download image**.

## Gendan en tidligere version

Hver AI-generering i chats historik bevarer sit oprindelige resultat. Hvis en skærm er blevet redigeret eller slettet siden den blev genereret, viser dens chatbesked en **Restore**-knap — vælg **Restore original** for at fortryde redigeringer, eller **Restore** / **Restore all** for at få slettede skærme tilbage. Brug det til at vende tilbage til en kendt-god tilstand efter en redigering går i den forkerte retning.

## Handlinger med ét klik

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

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

* **Try again from scratch** — bed Flowstep om at producere en frisk version af den aktuelle skærm med et andet layout eller en anden visuel retning.
* **Show the next screen** — bed Flowstep om at generere, hvad der logisk kommer næste i brugerflowet.
* **Make it pretty** — justere afstand, justering og farver på tværs af designet. Layout forbliver det samme.

Disse indstillinger giver dig mulighed for at forbedre designet hurtigt uden at skulle skrive en prompt hver gang.

## Gentag for at forfine

Design falder sjældent perfekt ved første forsøg. Brug chatbaseret redigering for hver feedbackrunde—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 forbedre en skærm.

<Tip>
  Når du forbedrer via chat, referér til specifikke elementer efter navn eller placering for at få mere nøjagtige resultater. For eksempel: "Flyt call-to-action-knappen til bunden af skærmen og gør den fuld-bredde" er mere effektiv end "ret knappen."
</Tip>
