Skip to main content
A Flowstep természetes nyelvi promptok alapján generál felhasználói felületű képernyőket, ami lehetővé teszi, hogy másodpercek alatt ötletből vizuális tervvé érljen. Legyen szó egyetlen képernyőről egy koncepció érvényesítéséhez vagy egy teljes felhasználói utat lefedő képernyőkészletről, egy jól megírt prompt mindössze ennyi az első lépéshez.

​
Terv generálása

1

Nyissa meg az új projektet

A Flowstep irányítópultjáról hozzon létre egy új projektet, vagy nyisson meg egy meglévőt, ahova képernyőket szeretne hozzáadni.
2

Írja meg a promptját

Írjon le a képernyő vagy képernyők leírását, amelyeket szeretne. Legyen konkrét az alkalmazás típusáról, a felhasználó céljáról és a várt tartalomról.
3

Adja meg, hány képernyőt szeretne

Alapértelmezés szerint a Flowstep egyetlen képernyőt generál. Ha több képernyőt szeretne, ezt kifejezetten írja be a promptjában — a Flowstep egy promptból akár 6 képernyőt is képes generálni.
4

Generálás

Küldje be a promptját. A Flowstep létrehozza a képernyőket, és megjeleníti azokat a szerkesztőben, felülvizsgálatra vagy finomításra készen.

​
Egyetlen képernyő vs. több képernyő

Egy promptból akár egy vagy akár 6 képernyőt generálhat. Mindkét megközelítés különböző tervezési munka szakaszaihoz alkalmas.
  • Egyetlen képernyő — ideális egy adott felhasználói felület állapotának, összetevőnek vagy fókuszált koncepciónak a feltárásához.
  • Több képernyő — ideális a folyamatok feltérképezéséhez, az elrendezési lehetőségek összehasonlításához, vagy egy teljes felhasználói út gyors lefedéséhez.
Ha több képernyőt szeretne, legyen explicit a promptjában. A Flowstep a prompt szövegezése alapján dönti el, hogy hány képernyőt kell előállítania, így a homályos promptok általában egyetlen képernyőt adnak vissza. A generált képernyőket Screen 1, Screen 2 stb. néven nevezik — ezeket a neveket használja az utólagos promptoknak egy adott képernyőre való hivatkozáshoz.

​
További módok a promptozásra

A szöveg nem az egyetlen bemenet. Használhat még:
  • Fájlok csatolása — adjunk hozzá képeket (JPG, PNG, WEBP) vagy dokumentumokat (PDF, MD, TXT) maximum 3 MB méretűeket a prompthoz, fogd-ejtés útján, a fájlválasztó segítségével vagy beillesztéssel. Hivatkozzon a promptban egy csatolt képre, és a Flowstep beépíti azt a generált képernyőkbe. Lásd Referenciák használata.
  • Diktálja be a promptját — kattintson a mikrofon gombra a prompt sávban (vagy nyomja meg a Cmd+Shift+V billentyűkombinációt Macen, Ctrl+Shift+V-t Windowson) és beszéljen legfeljebb 60 másodpercig. Az átirat hozzáadódik az már begépelt szöveghez.
  • Hagyja, hogy a Flowstep kutatást végezzen az interneten — amikor a promptja ezt igényli (például „klónozza a Stripe árképzési oldalát”), a Flowstep képes keresni az interneten és olvasni egy oldal márkázását — színek, betűtípusok, logó, felhasználói felület összetevői — és felhasználni azt a generált képernyőkben. A Flowstep önmaga dönti el, hogy végezzen-e kutatást, így nem feltétlenül aktiválódik minden prompton; vegye figyelembe, hogy az újra létrehozott webhelyek eltérő képeket és navigációt használnak, mint az eredeti.
  • Tervezési irányelvek beállítása — határozza meg az állandó stílusszabályokat, amelyek az összes generációra vonatkoznak a fájlban. Lásd tervezési irányelvek.

​
Hatékony promptok írása

Egyetlen képernyős prompt példa: “Tervezzen egy mobil bejelentkezési képernyőt egy fitnesz nyomkövetési alkalmazáshoz e-mail és jelszómezőkkel, egy bejelentkezési gombbal és egy jelszó elfelejtése linkkel.”
Több képernyős prompt példa: “Generáljon több képernyőt egy ételfutárító alkalmazás bevezetési folyamatához – fedezze le a konyha előnyben részesítésének kiválasztását, a szállítási cím megadását és az első rendelés megerősítését.”
Teljes utazás prompt példa: “Fedezze le a teljes felhasználói utat egy kiadások jelentéskészítő alkalmazásban, a számla beküldésétől a menedzser jóváhagyásáig.”
Tartsa szem előtt ezeket az alapelveket a promptok írása során:
  • Nevezze meg a platformot (mobil, asztali, tablet), hogy a Flowstep helyesen méretezze az képernyőket.
  • Írja le a felhasználó célját, nem csak a felhasználói felület elemeit — a Flowstep a szándékból vonja le az elrendezést.
  • Foglalja bele a lényeges tartalmakat, mint például címkéket, műveleteket vagy adatokat, ha fontosak a tervhez.
  • Használjon olyan kifejezéseket, mint „generáljon több képernyőt” vagy „fedezze le a teljes felhasználói utat”, hogy több képernyős kimenetet indítson el.