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

# Stáhněte si návrhy Flowstep jako soubory obrázků JPG nebo PNG

> Flowstep podporuje export návrhů jako JPG nebo PNG. Zjistěte, který formát se hodí pro váš případ a jak si stáhnout své obrazovky v několika klikech.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Až budete připraveni sdílet návrh nebo ho předat dál, Flowstep vám umožňuje jej exportovat jako statický obrázek — buď JPG, nebo PNG. Oba formáty jsou široce podporovány v nástrojích pro návrh, prezentačním softwaru a prohlížečích, takže si své AI-generované návrhy můžete vzít kamkoli.

## Jak exportovat váš návrh

<Steps>
  <Step title="Otevřete váš návrh">
    Přejděte k návrhu, který chcete exportovat, uvnitř Flowstepu.
  </Step>

  <Step title="Otevřete nabídku exportu">
    Vyhledejte možnost exportu na panelu nástrojů nebo v panelu návrhu. Vyberte ji pro otevření nastavení exportu.
  </Step>

  <Step title="Zvolte svůj formát">
    Vyberte buď **JPG** nebo **PNG** v závislosti na vašem případu (viz porovnání níže).
  </Step>

  <Step title="Stáhněte soubor">
    Potvrďte svůj výběr a stáhněte si exportovaný obrázek do svého zařízení.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG vs PNG: který formát byste měli používat?

|                      | JPG                                                     | PNG                                                     |
| -------------------- | ------------------------------------------------------- | ------------------------------------------------------- |
| **Nejlepší pro**     | Sdílení náhledů, prezentací, recenzí zúčastněných stran | Návrhy s průhledným pozadím, předání s vysokou věrností |
| **Velikost souboru** | Menší — rychlejší sdílení e-mailem nebo zasíláním zpráv | Větší — zachovává plný detail obrázku                   |
| **Průhlednost**      | Není podporováno                                        | Podporováno                                             |
| **Kvalita**          | Mírně komprimováno                                      | Bezeztrátový — bez snížení kvality                      |

<Tip>
  Pokud vlepujete svůj návrh do sady snímků nebo posíláte rychlý náhled klientovi, JPG je obvykle správnou volbou. Pokud potřebujete ostré hrany nebo průhledné pozadí — například abyste návrh položili přes jiný obrázek — použijte PNG.
</Tip>

## Export kódu

Kromě obrázků tlačítko **Code** exportuje obrazovku jako React + Tailwind kód — zkopírujte úryvek nebo stáhněte celý balíček jako ZIP. Balíčky jsou samostatné: obrázky použité v návrhu (včetně těch, které jste připojili v panelu chatu) jsou zahrnuty ve složce `public/assets/` s kódem, který se na ně odkazuje pomocí místní cesty, takže se export spustí tak, jak je.

Stažené soubory — jak obrázky, tak balíčky kódu — jsou pojmenovány podle obrazovky, která jim patří (s návratem k názvu souboru, pokud je obrazovka bez názvu), což usnadňuje identifikaci exportů, když pracujete s mnoha obrazovkami.

<Note>
  Pokud potřebujete vzít svůj návrh do pracovního postupu vektorového editoru, zkopírujte jej raději přímo do Figmy. Viz [Okamžité kopírování návrhů Flowstepu do Figmy](/cs/figma-integration).
</Note>