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

# Úpravy a iterace na návrzích Flowstep prostřednictvím chatu nebo plátna

> Zdokonalte jakoukoli obrazovku generovanou aplikací Flowstep prostřednictvím ruční vizuální úpravy nebo promptů na základě chatu — iterujte tolikrát, kolikrát je potřeba, dokud nebude návrh správný.

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

Návrhy Flowstep jsou plně upravitelné po vygenerování. Nejste vázáni na to, co AI zpočátku vytvoří—můžete upravit vizuály přímo v editoru, použít chat k popisu změn v přirozeném jazyce nebo požádat Flowstep, aby vygeneroval variace a nové obrazovky. Použijte metodu, která nejlépe vyhovuje změně, kterou chcete provést.

## Dva způsoby úpravy

<Tabs>
  <Tab title="Ruční vizuální úprava">
    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řesunutí komponenty, změna barvy, aktualizace popisku nebo jemné nastavení mezer.

    <Steps>
      <Step title="Vyberte prvek, který chcete změnit">
        Kliknutím na jakoukoli komponentu nebo vrstvu v návrhu ji vyberte.
      </Step>

      <Step title="Proveďte změny">
        Použijte ovládací prvky editoru k úpravě vlastností, jako je barva, velikost, poloha nebo obsah textu.
      </Step>

      <Step title="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.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Úpravy na základě chatu">
    Popište změnu, kterou chcete, v přirozeném jazyce a Flowstep aktualizuje návrh za vás. Tato metoda je rychlejší pro rozsáhlé nebo strukturální změny—úpravu rozložení, přehodnocení sekce nebo použití směru stylu.

    <Steps>
      <Step title="Otevřete panel chatu">
        Vyberte obrazovku, kterou chcete upravit, poté otevřete vstup chatu.
      </Step>

      <Step title="Popište svou změnu">
        Zadejte, co chcete, aby Flowstep aktualizoval. Buďte konkrétní ohledně toho, co by se mělo změnit a proč, pokud to pomůže.
      </Step>

      <Step title="Zkontrolujte aktualizovaný návrh">
        Flowstep aplikuje změnu a ukáže vám výsledek. Pokud to není přesně správné, pošlete zprávu k upřesnění.
      </Step>
    </Steps>

    Úpravy a regenerace aktualizují vybranou obrazovku **na místě** spíše než přidávání nové obrazovky — zatímco Flowstep streamuje změnu, prvek, na kterém právě pracuje, je zvýrazněn zelenou přerušovanou hranicí. Generování bez vybrané obrazovky místo toho přidá novou obrazovku.
  </Tab>
</Tabs>

## Úprava pouze části obrazovky

Nemusíte upravovat celé obrazovky. Vyberte podprvek — kartu, tlačítko, textový popisek — a váš chat prompt se aplikuje pouze na něj, čímž zůstane zbytek obrazovky nezměněn.

* Přepněte na režim **Direct selection** pomocí **Shift+V** (nebo rozbalovacího seznamu na tlačítku panelu nástrojů Select) a vyberte nejhlubší prvek pod vaším kliknutím. Stiskněte **V** pro normální výběr nebo podržte **Cmd** (Mac) / **Ctrl** (Windows) a dočasně použijte přímý výběr. **Escape** ukončí přímý výběr.
* Vyberte prvky v podsekci napříč více obrazovkami pomocí **Cmd+Shift** — jeden prompt může upravit až 6 obrazovek na zprávu.

Když je vybrán prvek obrázku (mimo režim drátěného modelu), 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**.

## Obnovit předchozí verzi

Každá generace AI v historii chatu zachová svůj původní výsledek. Pokud byla obrazovka od jejího vygenerování upravena nebo smazána, její zpráva chatu zobrazuje tlačítko **Restore** — kliknutím na **Restore original** vrátíte úpravy nebo na **Restore** / **Restore all** obnovíte smazané obrazovky. Použijte jej k návratu do známého dobrého stavu poté, co se úprava vydala špatným směrem.

## Akce jedním kliknutím

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

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 rozestupy, zarovnání a barvy v celém návrhu. Rozložení zůstává stejné.

Tyto možnosti vám umožňují iterovat rychle, aniž byste museli pokaždé psát prompt.

## Iterace k vyladění

Návrh se zřídka poprvé podaří dokonale. Použijte úpravy na základě chatu pro každé kolo zpětné vazby — popište, co funguje a co ne, a Flowstep se z toho přizpůsobí. Neexistuje žádné omezení, kolikrát můžete iterovat obrazovku.

<Tip>
  Při iteraci prostřednictvím chatu odkazujte na konkrétní prvky podle názvu nebo umístění, abyste dosáhli přesnějších výsledků. Například: „Přesuňte tlačítko výzvy k akci na spodní část obrazovky a nastavte jej na plnou šířku" je efektivnější než „opravit tlačítko".
</Tip>
