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

# Flowstep-tervek szerkesztése és iterációja csevegés vagy vászon használatával

> Bármilyen Flowstep által generált képernyőt finomíthat kézi vizuális szerkesztéssel vagy csevegés alapú promptokkal — annyiszor iterálhat, ahányszor szükséges, amíg a terv nem lesz tökéletes.

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

A Flowstep-tervek a generálás után teljes mértékben szerkeszthetők. Nem vagy kötve ahhoz, amit az AI először létrehozz – közvetlenül a szerkesztőben módosíthatod a vizuális elemeket, a csevegést használva egyszerű szavakkal leírhatod a módosításokat, vagy megkérdezheted a Flowstepet, hogy hozzon létre variációkat és új képernyőket. Használd azt a módszert, amely a legmegfelelőbb a végezni kívánt módosításhoz.

## Kétféleképpen szerkeszthetsz

<Tabs>
  <Tab title="Kézi vizuális szerkesztés">
    Közvetlenül a vásznon hajtsd végre a módosításokat az elemek kiválasztásával és szerkesztésével. Ez a módszer a legmegfelelőbb a precíz módosításokhoz – komponens mozgatása, szín módosítása, címke frissítése vagy térköz hangolása.

    <Steps>
      <Step title="Válaszd ki a módosítandó elemet">
        Kattints az akármilyen komponensre vagy rétegre a tervben a kijelöléshez.
      </Step>

      <Step title="Hajtsd végre a módosításaidat">
        A szerkesztő vezérlőelemeit használva módosítsd a tulajdonságokat, mint a szín, méret, pozíció vagy szövegtartalom.
      </Step>

      <Step title="Tekintsd meg az eredményt">
        A módosításaid azonnal alkalmazódnak a vásznon. Folytasd a szerkesztést vagy lépj tovább a következő képernyőre.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Csevegés alapú szerkesztés">
    Írd le az egyszerű szavakkal az általad kívánt módosítást, és a Flowstep frissíti a tervet számodra. Ez a módszer gyorsabb az átfogó vagy szerkezeti módosításokhoz – az elrendezés módosítása, egy szakasz újragondolása vagy stílusirány alkalmazása.

    <Steps>
      <Step title="Nyisd meg a csevegési panelt">
        Válaszd ki a szerkesztendő képernyőt, majd nyisd meg a csevegési bevitelt.
      </Step>

      <Step title="Írd le a módosítást">
        Gépeld be, mit szeretnél, hogy a Flowstep frissítsen. Legyen konkrét, hogy mit kell módosítani és miért, ha segít.
      </Step>

      <Step title="Tekintsd meg a frissített tervet">
        A Flowstep alkalmazza a módosítást és megmutatja az eredményt. Ha nem pontosan jó, küldj egy követő üzenetet a további finomításhoz.
      </Step>
    </Steps>

    A módosítások és regenerálások a kiválasztott képernyőt frissítik **helyén** ahelyett, hogy új képernyőt adnának hozzá – miközben a Flowstep streameli a módosítást, az elem, amelyen éppen dolgozik, zöld szaggatott kerettel van kijelölve. A képernyő kijelölése nélküli generálás helyette egy új képernyőt ad hozzá.
  </Tab>
</Tabs>

## Szerkessz csak a képernyő egy részét

Nem kell az egész képernyőket szerkesztened. Válassz egy alemet – egy kártyát, egy gombot, egy szöveges címkét – és a csevegési promptod csak erre vonatkozik, a képernyő többi része érintetlen marad.

* Váltsd át a **Direct selection** módra a **Shift+V** segítségével (vagy a **Select** eszköztár gomb legördülő menüjéből), hogy az egérkattintás alatt a legmélyebb elemet kijelöld. Nyomd meg a **V** billentyűt a normál kijelöléshez, vagy tartsd lenyomva a **Cmd** (Mac) / **Ctrl** (Windows) billentyűt az azonnali direkt kijelöléshez. Az **Escape** kilép a direkt kijelölésből.
* Válassz alelemeket több képernyőn keresztül a **Cmd+Shift** kombinációval – egy prompt legfeljebb 6 képernyőt szerkeszthet üzenetenként.

Amikor egy képelem van kijelölve (a drótváz módján kívül), egy **Image** panel jelenik meg a tulajdonságpanelen: tekintsd meg az előnézetet, cseréld ki egy új képfájl húzásával az előnézetre vagy a **Pick image** gombra kattintva, vagy mentsd el a **Download image** gombbal.

## Az előző verzió helyreállítása

A csevegési előzményekben minden AI generálás megtartja eredeti eredményét. Ha egy képernyőt szerkesztett vagy törölt a generálása óta, a csevegési üzenet egy **Restore** gombot mutat – **Restore original** a módosítások visszavonásához, vagy **Restore** / **Restore all** a törölt képernyők visszahozásához. Használd azt, hogy ismert jó állapotba térhess vissza, miután egy módosítás rossz irányba megy.

## Egy kattintásos műveletek

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

A közvetlen szerkesztéseken túl megkérdezheted a Flowstepet, hogy fedezzen fel alternatívákat:

* **Try again from scratch** – kérd meg a Flowstepet, hogy hozzon létre a jelenlegi képernyő friss verzióját más elrendezéssel vagy vizuális irányultsággal.
* **Show the next screen** – kérd meg a Flowstepet, hogy generáljon azt, amely logikusan következik a felhasználói folyamatban.
* **Make it pretty** – módosítsd a térközt, az igazítást és a színeket a tervben. Az elrendezés ugyanaz marad.

Ezek a lehetőségek gyors iterációt tesznek lehetővé anélkül, hogy minden alkalommal promptot kellene írni.

## Iteráció a finomításhoz

A terv ritkán tökéletes az első kísérletnél. Használd a csevegés alapú szerkesztést minden visszajelzés köréhez – írd le, mi működik és mi nem, és a Flowstep abból állítja be. Nincsen korlát, hogy hányszor iterálhatsz egy képernyőn.

<Tip>
  Ha csevegésen keresztül iterálsz, hivatkozz konkrét elemekre név vagy hely alapján, hogy pontosabb eredményeket kapj. Például: „Mozgasd a call-to-action gombot a képernyő aljára és tedd teljes szélességűvé" hatékonyabb, mint „javítsd ki a gombot".
</Tip>
