Skip to main content
Spuštění Flowstepu trvá jen několik minut. Zaregistrujete se zdarma, popíšete, co chcete vytvořit, a Flowstep vygeneruje váš návrh okamžitě. Odtud jej můžete zdokonalovat prostřednictvím následujících promptů, pozvat svůj tým ke spolupráci a sdílet výsledek se stakeholdery – není potřeba žádné návrhářské nástroje ani předchozí zkušenosti.
1

Vytvořte si bezplatný účet

Jděte na flowstep.ai a zaregistrujte se přes Google nebo s vaší e-mailovou adresou a heslem. Chcete-li začít, není vyžadována žádná kreditní karta.
Pokud se zaregistrujete e-mailem a heslem, zkontrolujte si doručenou poštu na potvrzovací e-mail („Confirm your Flowstep email”) a klikněte na odkaz pro aktivaci účtu – můžete jej znovu odeslat ze stránky „Check your inbox”, pokud nebude doručen. Nejsou akceptovány jednorázové e-mailové adresy; použijte pracovní nebo osobní e-mail.
Po registraci se dostanete na krátkou uvítací obrazovku: odpovězte na tři rychlé otázky, pak tam popište svůj první návrh – pokud chcete výchozí bod, máte k dispozici čtyři vzorové prompty (Dashboard, Landing page, Mobile app, Checkout).
2

Popište obrazovku, kterou chcete

Napište prompt v angličtině popisující uživatelské rozhraní, které máte na mysli. Buďte konkrétní ohledně účelu obrazovky a všech klíčových prvků, které by měla obsahovat.Prompt jako „Dashboard pro aplikaci pro správu projektů se seznamem úkolů, indikátory pokroku a navigací na bočním panelu” poskytuje Flowstepu dostatek kontextu pro vytvoření zaměřeného a užitečného návrhu.
Nepotřebujete designový slovník. Zaměřte se na to, k čemu slouží obrazovka a jaké informace by měla zobrazovat – Flowstep se postará o rozvržení, typografii, mezerování a volbu barev.
3

Generujte své obrazovky

Odešlete svůj prompt a Flowstep vygeneruje váš návrh během sekund. V jedné relaci můžete vygenerovat více obrazovek, abyste prozkoumali různé směry nebo vytvořili úplný tok.
4

Zdokonalujte skrze konverzaci

Není to zcela správné? Napište následující prompt pro úpravu návrhu – změňte barevné schéma, přeuspořádejte prvky, vyměňte obsah nebo požádejte o zcela jiné rozvržení. Prvky můžete také upravovat ručně nebo použít akce na jedno kliknutí v nabídce možností.
5

Exportujte nebo sdílejte svou práci

Pokud jste spokojeni s výsledkem, vyberte si, jak jej sdílet:
  • Export kódu nebo přes MCP
  • Download obrazovky jako souboru JPG nebo PNG
  • Copy to Figma pomocí klávesové zkratky pro vložení přímo do existujícího souboru Figmy
  • Share a link s členy týmu nebo stakeholdery – mohou si návrh zobrazit bez vytvoření účtu
Svůj tým můžete pozvat ke spolupráci na souboru Flowstep. Mohou se připojit a začít přispívat během minut.