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

# Co je Flowstep?

> Flowstep je nástroj pro návrh s umělou inteligencí, který generuje vyleštěné obrazovky uživatelského rozhraní z textových promptů. Zjistěte, co dělá, pro koho je určen a co s ním můžete vytvořit.

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Popište obrazovku, kterou chcete – obdržíte navržené rozhraní během sekund.

Pro vývojáře je to nejrychlejší způsob, jak specifikovat rozhraní před psaním kódu. Pro vedoucí produktu a zakladatele je to způsob, jak komunikovat myšlenky produktu bez nejasností. Pro designéry je to výchozí bod, který přeskakuje prázdné plátno.

## Co s Flowstep můžete dělat

* **Generujte obrazovky z textu** — popište, co chcete, a během sekund získejte navržené uživatelské rozhraní
* **Iterujte prostřednictvím promptů nebo přímých úprav** — zdokonalte rozvržení, obsah a styly bez opuštění plátna
* **Preview** (náhled) jako interaktivní prototyp — Flowstep automaticky propojuje vaše obrazovky do kliknutelného toku. Podívejte se na [Prototypy](/cs/prototypes).
* **Připojte se ke svému IDE přes MCP** — generujte a upravujte obrazovky z Cursor, Claude Code, Windsurf nebo Claude Desktop. Podívejte se na [MCP Server](/cs/mcp/overview).
* **Exportujte do Figma, kódu nebo jako soubory obrázků** — vložte přímo do existujícího souboru Figma, exportujte kód nebo stáhněte obrazovky jako PNG/JPG
* **Sdílejte s jedním odkazem** — recenzenti nepotřebují účet Flowstep k prohlížení nebo komentování

## Pro koho je Flowstep určen

* **Vývojáři** tvořící uživatelské rozhraní produktu bez designéra na zavolání, nebo kteří chtějí vizuálně specifikovat obrazovku před její implementací
* **Vedoucí produktu a zakladatelé** komunikující myšlenky vizuálně nebo ověřující myšlenku
* **Designéři** přeskakující prázdné plátno — začněte z vygenerovaného rozvržení a odtud upravujte

<Note>
  Není vyžadována zkušenost s návrhováním. Pokud můžete popsat obrazovku v běžné angličtině, Flowstep ji může generovat.
</Note>

## Kam dál

<CardGroup cols={2}>
  <Card title="Rychlý start" icon="rocket" href="/cs/getting-started">
    Vygenerujte svou první obrazovku za méně než pět minut.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/cs/mcp/overview">
    Používejte Flowstep z Cursor, Claude Code nebo libovolného klienta kompatibilního s MCP.
  </Card>

  <Card title="Generování návrhů" icon="wand-magic-sparkles" href="/cs/generating-designs">
    Jak psát prompty, které vytváří obrazovky, které opravdu chcete.
  </Card>

  <Card title="Integrace Figma" icon="figma" href="/cs/figma-integration">
    Vložte návrhy Flowstep do existujícího souboru Figma jednou zkratkou.
  </Card>
</CardGroup>