Přejít na hlavní obsah
Screenshot 2026 05 06 At 14 25 48
Designy Flowstep jsou plně editovatelné po vygenerování. Nejste uzamčeni do toho, co AI nejprve vytvoří—můžete přímo v editoru upravovat vizuály, pomocí chatu popisovat změny v přirozeném jazyce nebo požádat Flowstep, aby vygeneroval variace a nové obrazovky. Použijte tu metodu, která vám vyhovuje pro změnu, kterou chcete provést.

​
Dva způsoby úpravy

Provádějte změny přímo na plátně výběrem a úpravou prvků. Tato metoda funguje nejlépe pro přesné úpravy—přesun komponenty, změna barvy, aktualizace štítku nebo úprava mezer.
1

Vyberte prvek, který chcete změnit

Klikněte na libovolnou komponentu nebo vrstvu v designu, abyste ji vybrali.
2

Proveďte své změny

Pomocí ovládacích prvků editoru upravte vlastnosti, jako je barva, velikost, pozice nebo obsah textu.
3

Zkontrolujte výsledek

Vaše změny se okamžitě aplikují na plátně. Pokračujte v úpravách nebo přejděte na další obrazovku.

​
Upravte pouze část obrazovky

Nemusíte upravovat celé obrazovky. Vyberte dílčí prvek—kartu, tlačítko, textový štítek—a váš chat prompt se aplikuje pouze na něj, přičemž zbytek obrazovky zůstane nedotčený.
  • Přepněte na režim Direct selection s Shift+V (nebo z rozbalovacího menu tlačítka Select v panelu nástrojů), abyste vybrali nejhlubší prvek pod klikem. Stiskněte V pro normální výběr nebo podržujte Cmd (Mac) / Ctrl (Windows) pro použití přímého výběru dočasně. Escape ukončuje přímý výběr.
  • Vyberte dílčí prvky na více obrazovkách s Cmd+Shift—jeden prompt může upravit až 6 obrazovek na zprávu.
Když je vybrán prvek obrázku (mimo režim wireframe), v panelu vlastností se zobrazí panel Image: zobrazte náhled obrázku, vyměňte jej přetažením nového souboru obrázku na náhled nebo kliknutím na Pick image, nebo jej uložte pomocí Download image.

​
Kopírování a vkládání prvků

Zkopírujte výběr a vložte jej, kde ho potřebujete—do stejného souboru, do jiného souboru nebo do jiné záložky prohlížeče, protože kopie se ukládají do schránky vašeho systému.
  • Kopírovat pomocí Cmd+C (Mac) / Ctrl+C (Windows), vyjmout pomocí Cmd+X / Ctrl+X a vložit pomocí Cmd+V / Ctrl+V.
  • Duplikovat výběr na místě pomocí Cmd+D / Ctrl+D.
  • Vložené prvky se umístí mírně posunuté oproti originálům, aby je nezakrývaly.
Tyto zkratky působí na vybrané prvky; když upravujete text, přecházejí na běžné kopírování a vkládání textu.

​
Pojmenování obrazovek na plátně

Každá obrazovka zobrazuje svůj název na štítku nad ní na plátně. Obrazovka, kterou jste ještě nepojmenovali, nese název Screen.
  • Dvojklikněte na štítek a přejmenujte obrazovku, poté stiskněte Enter pro uložení—uložení proběhne také kliknutím mimo. Názvy mohou mít až 100 znaků.
  • Klikněte na štítek jednou pro výběr obrazovky, poté ji přetažením přesuňte po plátně.

​
Úprava neprůhlednosti, režimu prolnutí a rohů

Vyberte prvek a doladěte jeho vzhled v panelu vlastností:
  • Opacity (neprůhlednost) — nastavte, jak průhledný prvek je, od 0 do 100 %. Stejný panel obsahuje také režim prolnutí (Normal, Multiply, Screen, Overlay a další), který určuje, jak se prvek mísí s tím, co je za ním.
  • Corners (rohy) — zaoblete rohy prvku. Nastavte jednu hodnotu Corner radius (poloměr rohu) pro všechny čtyři, nebo zapněte Per corner a dejte levému hornímu, pravému hornímu, pravému dolnímu a levému dolnímu rohu vlastní poloměr. Každá hodnota může být Token z vašeho motivu nebo vlastní hodnota Custom.

​
Přiblížení na pixel

Přibližte plátno až na 25 600 %, abyste zkontrolovali mezery a zarovnání. Při přiblížení nad 200 % se zobrazí mřížka zarovnaná na pixely. Čím více přibližujete, tím je viditelnější, takže můžete prvky přesně zarovnat.

​
Obnovení předchozí verze

Každé generování AI v historii chatu si uchová svůj původní výsledek. Pokud byla obrazovka upravena nebo odstraněna od jejího vygenerování, její chatová zpráva zobrazuje tlačítko Restore—Restore original pro vrácení úprav nebo Restore / Restore all pro obnovení odstraněných obrazovek. Použijte jej, abyste se dostali zpět do známého dobrého stavu poté, co se úprava vydá špatným směrem. Najeďte myší na libovolnou zprávu v panelu chatu, abyste viděli, kdy byla odeslána. Nedávné zprávy ukazují čas; starší zobrazují, jak dlouho to bylo (například „1 den ago”), s úplným datem a časem v tooltip.

​
Jednoklikové akce

Screenshot 2026 05 06 At 14 29 34
Kromě přímých úprav můžete požádat Flowstep, aby prozkoumal alternativy:
  • Try again from scratch—požádejte Flowstep, aby vytvořil novou verzi aktuální obrazovky s jiným rozložením nebo vizuálním směrem.
  • Show the next screen—požádejte Flowstep, aby vygeneroval, co logicky následuje v toku uživatele.
  • Make it pretty—upravte mezery, zarovnání a barvy v designu. Rozložení zůstane stejné.
Tyto možnosti vám umožňují rychle iterovat bez nutnosti psát prompt pokaždé.

​
Iterace k vylepšení

Design se zřídka podaří dokonale na prvním pokuse. Pro každé kolo zpětné vazby používejte úpravy na základě chatu—popište, co funguje a co ne, a Flowstep se z toho přizpůsobí. Neexistuje žádný limit na to, kolikrát můžete iterovat na obrazovce.
Při iteraci prostřednictvím chatu odkazujte na konkrétní prvky podle jména nebo umístění, abyste dosáhli přesnějších výsledků. Například: “Přesuňte tlačítko call-to-action na spodní část obrazovky a udělejte jej na celou šířku” je efektivnější než “fix the button.”