Flowstep generuje obrazovky uživatelského rozhraní z promptů v přirozeném jazyce, takže se od nápadu k vizuálnímu návrhu dostanete během několika sekund. Ať už potřebujete jednu obrazovku k ověření konceptu, nebo kompletní sadu obrazovek pokrývajících celou uživatelskou cestu, k začátku stačí dobře napsaný prompt.
Vygenerujte návrh
1
Otevřete nový projekt
Na svém dashboardu ve Flowstepu vytvořte nový projekt, nebo otevřete existující, do kterého chcete přidat obrazovky.
2
Napište prompt
Popište obrazovku nebo obrazovky, které chcete. Buďte konkrétní v typu aplikace, cíli uživatele a obsahu, který očekáváte.
3
Určete, kolik obrazovek chcete
Ve výchozím nastavení Flowstep vygeneruje jednu obrazovku. Pokud chcete více obrazovek, uveďte to ve svém promptu výslovně. Flowstep může z jednoho promptu vygenerovat až 6 obrazovek.
4
Generujte
Odešlete prompt. Flowstep vytvoří vaše obrazovky a zobrazí je v editoru, připravené k revizi nebo úpravám.
Když vytvoříte nový soubor a odešlete jeho první prompt, Flowstep soubor podle tohoto promptu pojmenuje, aby se vám později snadno hledal. Soubor, který už název má, nebo ve kterém jsou starší prompty, si název zachová. Libovolný soubor můžete kdykoli přejmenovat sami.
Zastavení generování
Zatímco Flowstep odpovídá, změní se odesílací tlačítko na tlačítko pro zastavení (Stop Flowstep response). Kliknutím na něj generování zastavíte. V požadavku na více obrazovek zůstanou obrazovky, které už byly dokončeny, na plátně, a nedokončené se odstraní. Zastavení poté, co Flowstep začal vytvářet obrazovky, i tak spotřebuje zprávu. Viz zprávy a limity.Jedna obrazovka vs. více obrazovek
Z jednoho promptu můžete vygenerovat buď jednu obrazovku, nebo až 6 obrazovek. Oba přístupy se hodí pro různé fáze designové práce.- Jedna obrazovka — ideální pro prozkoumání konkrétního stavu uživatelského rozhraní, komponenty nebo zaměřeného konceptu.
- Více obrazovek — ideální pro mapování toků, porovnávání možností rozvržení nebo rychlé pokrytí celé uživatelské cesty.
Další způsoby, jak zadávat prompty
Text není jediný vstup. Můžete také:- Připojit soubory — přidejte k promptu obrázky (JPG, PNG, WEBP) nebo dokumenty (PDF, MD, TXT) o velikosti až 3 MB každý, přetažením, pomocí výběru souboru nebo vložením ze schránky. Odkažte v promptu na připojený obrázek a Flowstep jej zahrne do vygenerovaných obrazovek. Viz Designové reference.
- Diktovat prompt — klikněte na tlačítko mikrofonu v panelu promptu (nebo stiskněte Cmd+Shift+V na Macu, Ctrl+Shift+V na Windows) a mluvte až 60 sekund. Přepis se připojí k tomu, co už jste napsali.
- Nechat Flowstep prohledat web — pokud to váš prompt vyžaduje (například „clone the Stripe pricing page“, tedy „naklonuj stránku s cenami Stripe“), Flowstep může prohledat web a načíst branding stránky — barvy, písma, logo, komponenty uživatelského rozhraní — a použít je ve vygenerovaných obrazovkách. Flowstep sám rozhoduje, zda bude vyhledávat, takže se nespustí u každého promptu. Mějte na paměti, že znovu vytvořené weby používají jiné obrázky a navigaci než originál.
- Nastavit designové pokyny — definujte trvalá pravidla stylu, která platí pro každé generování v souboru. Viz Designové pokyny.
Psaní účinných promptů
Při psaní promptů mějte na paměti tyto zásady:- Uveďte platformu (mobil, desktop, tablet), aby Flowstep správně nastavil velikost obrazovek.
- Popište cíl uživatele, ne jen prvky uživatelského rozhraní. Flowstep odvozuje rozvržení z úmyslu.
- Uveďte klíčový obsah, jako jsou popisky, akce nebo data, pokud na nich návrhu záleží.
- Použijte fráze jako „vygeneruj více obrazovek“ nebo „pokryj celou uživatelskou cestu“, abyste spustili výstup s více obrazovkami.