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

# Czym jest Flowstep?

> Flowstep to narzędzie projektowe oparte na AI, które generuje dopracowane ekrany UI na podstawie opisów tekstowych. Dowiedz się, co robi, dla kogo jest i co możesz budować za jego pomocą.

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

Opisz ekran, który chcesz, a otrzymasz zaprojektowany interfejs w kilka sekund.

Dla deweloperów to najszybszy sposób na określenie UI przed pisaniem kodu. Dla PM-ów i założycieli to sposób na komunikowanie pomysłów produktowych bez niejasności. Dla projektantów to punkt wyjścia, który omija pusty ekran.

## Co możesz robić z Flowstep

* **Generuj ekrany z tekstu** — opisz, czego chcesz, a otrzymasz zaprojektowany UI w kilka sekund
* **Iteruj prompty lub edycje bezpośrednie** — doprecyzuj układy, tekst i styl bez opuszczania kanwy
* **Podgląd jako prototyp interaktywny** — Flowstep automatycznie łączy Twoje ekrany w klikalne przepływy. Sprawdź [Prototypy](/pl/prototypes).
* **Połącz się ze swoim IDE za pośrednictwem MCP** — generuj i edytuj ekrany z poziomu Cursor, Claude Code, Windsurf lub Claude Desktop. Sprawdź [Serwer MCP](/pl/mcp/overview).
* **Eksportuj do Figma, kodu lub plików obrazu** — wklej bezpośrednio do istniejącego pliku Figma, eksportuj kod lub pobierz ekrany jako PNG/JPG
* **Udostępniaj jednym linkiem** — recenzenci nie potrzebują konta Flowstep do przeglądania lub komentowania

## Dla kogo jest Flowstep

* **Deweloperzy** budujący UI produktu bez dostępnego projektanta, lub chcący wizualnie określić ekran przed implementacją
* **Menedżerowie produktu i założyciele** komunikujący pomysły wizualnie lub je walidujący
* **Projektanci** pomijający pusty ekran — zaczynają od wygenerowanego układu i edytują stamtąd

<Note>
  Nie wymagane doświadczenie w projektowaniu. Jeśli potrafisz opisać ekran zwykłym tekstem, Flowstep może go wygenerować.
</Note>

## Co dalej

<CardGroup cols={2}>
  <Card title="Szybki start" icon="rocket" href="/pl/getting-started">
    Wygeneruj swój pierwszy ekran w poniżej pięciu minut.
  </Card>

  <Card title="Serwer MCP" icon="terminal" href="/pl/mcp/overview">
    Używaj Flowstep z Cursor, Claude Code lub dowolnego klienta kompatybilnego z MCP.
  </Card>

  <Card title="Generowanie projektów" icon="wand-magic-sparkles" href="/pl/generating-designs">
    Jak pisać prompty, które generują ekrany, które naprawdę chcesz.
  </Card>

  <Card title="Integracja z Figma" icon="figma" href="/pl/figma-integration">
    Wklej projekty Flowstep do istniejącego pliku Figma jednym skrótem.
  </Card>
</CardGroup>