Ugrás a fő tartalomhoz
Screenshot 2026 05 06 At 14 25 48
A Flowstep-tervek a generálást követően teljesen szerkeszthetőek. Nem kötött az AI által először előállított verzióhoz — közvetlenül a szerkesztőben módosíthatja a vizuális elemeket, a csatot használva egyszerű szavakkal írhatja le a módosításokat, vagy kérheti az Flowstep-et, hogy új variációkat és képernyőket hozzon létre. Válassza azt a módszert, amely a végezni kívánt módosításhoz legjobban illeszkedik.

Kétféle szerkesztési módszer

Közvetlenül a vásznon végezze a módosításokat az elemek kijelölésével és módosításával. Ez a módszer a legjobb precíz módosításokhoz — egy összetevő mozgatása, szín módosítása, címke frissítése vagy térköz beállítása.
1

Jelölje ki a módosítani kívánt elemet

Kattintson a tervben bármilyen összetevőre vagy rétegre a kijelöléshez.
2

Végezze a módosításokat

A szerkesztő vezérlőelemei segítségével módosítson olyan tulajdonságokat, mint a szín, méret, pozíció vagy szövegtartalom.
3

Tekintse meg az eredményt

A módosításai azonnal érvénybe lépnek a vásznon. Folytassa a szerkesztést vagy lépjen a következő képernyőre.

Csak a képernyő egy részének szerkesztése

Nem szükséges teljes képernyőket szerkesztenie. Válasszon alelemet — egy kártyát, egy gombot, egy szöveges címkét — és a csatalap promptja csak erre vonatkozik, a képernyő többi része érintetlen marad.
  • Váltson a Direct selection módra a Shift+V billentyűkombinációval (vagy a Select eszköztár gombján lévő legördítő listán keresztül) a kattintása alatt lévő legmélyebb elem kijelöléséhez. Nyomja meg a V billentyűt a normál kijelöléshez, vagy tartsa lenyomva a Cmd (Mac) / Ctrl (Windows) billentyűt az azonnali direkt kijelöléshez. Az Escape billentyű kilép a direkt kijelölésből.
  • Jelöljön ki alegelmeket több képernyőn keresztül a Cmd+Shift billentyűkombinációval — egyetlen prompt maximum 6 képernyőt szerkeszthet üzeneteként.
Amikor egy képelem van kijelölve (a drótváz mód kívül), az Image panel jelenik meg a tulajdonságpanelen: tekintse meg az előnézetet, cserélje ki új képfájl húzásával az előnézetre vagy kattintson a Pick image gombra, vagy mentse el a Download image gombbal.

Elemek másolása és beillesztése

Másolja ki a kijelölést, és illessze be újra oda, ahol szüksége van — ugyanabban a fájlban, egy másik fájlban vagy egy másik böngészőlapon, mivel a másolatok a rendszer vágólapjára kerülnek.
  • Másolás a Cmd+C (Mac) / Ctrl+C (Windows) billentyűkkel, kivágás a Cmd+X / Ctrl+X billentyűkkel, és beillesztés a Cmd+V / Ctrl+V billentyűkkel.
  • Duplikálás a kijelölés helyben a Cmd+D / Ctrl+D billentyűkkel.
  • A beillesztett elemek kissé eltolva jelennek meg az eredetiktől, hogy ne takarják azokat.
Ezek a billentyűparancsok a kijelölt elemekre vonatkoznak; szöveg szerkesztése közben a szokásos szöveges másolás és beillesztés funkciót látják el.

Képernyők elnevezése a vásznon

Minden képernyő nevét egy címke mutatja a vásznon, a képernyő fölött. Az még el nem nevezett képernyő címkéje Screen.
  • Kattintson duplán a címkére a képernyő átnevezéséhez, majd nyomja meg az Enter billentyűt a mentéshez — a másik helyre kattintás is menti. A nevek legfeljebb 100 karakterből állhatnak.
  • Kattintson egyszer a címkére a képernyő kijelöléséhez, majd húzza a képernyőt a vásznon a mozgatáshoz.

Opacitás, keverési mód és sarkok beállítása

Válasszon ki egy elemet, hogy finomhangolja a megjelenését a tulajdonságpanelen:
  • Opacity (átlátszatlanság) — állítsa be, mennyire átlátszó az elem, 0-tól 100%-ig. Ugyanezen a panelen található a keverési mód (Normal, Multiply, Screen, Overlay és más), amely szabályozza, hogy az elem hogyan keveredik a mögötte lévővel.
  • Corners (sarkok) — kerekítse le az elem sarkait. Állítson be egy közös Corner radius (sarokkerekítési sugár) értéket mind a négy sarokra, vagy kapcsolja be a Per corner (sarkonként) opciót, hogy a bal felső, jobb felső, jobb alsó és bal alsó sarkok külön sugarat kapjanak. Minden érték lehet egy Token (token) a témából, vagy egy Custom (egyéni) összeg.

Nagyítás pixelszintre

Nagyítsa a vásznat 25 600%-ig, hogy szorosan ellenőrizze a térközöket és az igazítást. 200% felett pixelre igazított rácsvonalak jelennek meg, amelyek egyre láthatóbbá válnak, minél jobban nagyít, így az elemeket pontosan igazíthatja egymáshoz.

Előző verzió visszaállítása

A csattörténetben lévő minden AI generáció megtartja az eredeti eredményt. Ha egy képernyőt szerkesztett vagy törölt a generálás óta, a csatüzenete egy Restore gombot mutat — az Restore original lehetőséggel visszaállíthat szerkesztéseket, vagy a Restore / Restore all gombbal visszahozhat törölt képernyőket. Használja, hogy visszatérjen egy ismert jó állapotba, ha a szerkesztés rossz irányba megy. Vigye az egeret bármelyik üzenet fölé a csatpanelen az elküldés időpontjának megtekintéséhez. Az újabb üzenetek az időt mutatják; a régebbiek azt mutatják, hogy mennyi ideje voltak elküldve (például „1 nap ezelőtt”), a teljes dátummal és idővel az eszközleírásban.

Egykattintásos műveletek

Screenshot 2026 05 06 At 14 29 34
A közvetlen szerkesztéseken túl, kérhet az Flowstep-et alternatívák feltárásához:
  • Try again from scratch — kérje az Flowstep-et az aktuális képernyő új verzójának előállítására más elrendezéssel vagy vizuális irányban.
  • Show the next screen — kérje az Flowstep-et a felhasználói folyamatban logikailag következő képernyő előállítására.
  • Make it pretty — módosítsa a térközt, az igazítást és a színeket a tervben. Az elrendezés ugyanaz marad.
Ezek a lehetőségek lehetővé teszik az gyors iterálást anélkül, hogy minden egyes alkalommal promptot kellene írnia.

Iterálás a finomításhoz

A tervek ritkán érkeznek tökéletesre az első megkísérlésből. Csatalap alapú szerkesztést használjon az visszajelzés minden köre során — írja le, mi működik és mi nem, és az Flowstep abból módosít. Nincs korlát egy képernyő iterálási módszereihez.
Ha csatalapon keresztül iterál, konkrét elemekre hivatkozzon név vagy helyezés alapján az pontosabb eredmények eléréséhez. Például: „Helyezze az call-to-action gombot a képernyő aljára és készítse teljes szélességűvé” hatékonyabb, mint „fix the button”.