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

# Bevezetés a Flowstepbe: regisztráció és tervek generálása

> Hozz létre egy ingyenes Flowstep-fiókot, generálj az első UI-tervet egy szöveges promptból, és oszd meg a csapatoddal – mindez egyetlen ülésben.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" 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 />

A Flowsteppal való munka felvétele mindössze pár percet vesz igénybe. Ingyenesen regisztrálsz, leírod, mit szeretnél létrehozni, és a Flowstep azonnal generálja a tervedet. Innen finomhíthatod azt követő promptokkal, meghívhatod a csapatodat az együttműködésre, és megoszthatod az eredményt az érdekeltek között – nem szükséges tervezési eszköz vagy korábbi tapasztalat.

<Steps>
  <Step title="A szabad fiók létrehozása">
    Lépj a [flowstep.ai](https://flowstep.ai) oldalra, és regisztrálj a Google vagy az e-mail-címed és jelszavad használatával. Nem szükséges hitelkártya az induláshoz.

    <Note>
      Ha e-mailes és jelszavas regisztrációval regisztrálsz, ellenőrizd az e-mailedet a megerősítő e-mailre ("Confirm your Flowstep email"), és kattints a linkre a fiók aktiválásához – átküldetheted a "Check your inbox" oldalról, ha nem érkezik meg. Az eldobható e-mail-címek nincsenek elfogadva; használj munkahelyi vagy személyes e-mail-címet.
    </Note>

    Regisztráció után egy rövid üdvözlő képernyőre kerülsz: válaszolj három gyors kérdésre, majd írd le az első tervedet rögtön ott – négy mintaprompt (Dashboard, Landing page, Mobile app, Checkout) áll rendelkezésre, ha szeretnél kiindulási pontot.
  </Step>

  <Step title="Írd le, milyen képernyőt szeretnél">
    Írj egy promptot egyszerű angol nyelven, amely leírja az általad elképzelt felhasználói felületet. Legy konkrét a képernyő céljáról és a fő elemekről, amelyeket tartalmaznia kell.

    Egy olyan prompt, mint "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation" elegendő kontextust ad a Flowstepnak egy fókuszált, hasznos terv elkészítéséhez.

    <Tip>
      Nem szükséges tervezési szókincs. Fókuszálj arra, hogy mire való a képernyő és milyen információkat kell megjelenítenie – a Flowstep kezeli az elrendezést, a tipográfiát, a térközt és a szín választását.
    </Tip>
  </Step>

  <Step title="Generálj képernyőket">
    Nyújtsd be a promptodat, és a Flowstep másodpercek alatt generálja a tervedet. Egyetlen ülésben több képernyőt generálhatsz a különböző irányok felfedezéséhez vagy egy teljes folyamat felépítéséhez.
  </Step>

  <Step title="Finomítás beszélgetés útján">
    Nem teljesen jó? Írj egy követő promptot a terv módosításához – változtasd meg a színsémát, rendezd át az elemeket, cserélj ki tartalmat, vagy kérj egy teljesen más elrendezést. Kézzel is szerkesztheted az elemeket, vagy használhatod az egykattintásos műveleteket az opciók menüben.
  </Step>

  <Step title="Exportálj vagy oszd meg a munkádat">
    Ha elégedett vagy az eredménnyel, válaszd ki, hogyan szeretnéd megosztani:

    * **Export** a kódot vagy az MCP-n keresztül
    * **Download** a képernyőt JPG vagy PNG fájlként
    * **Copy to Figma** a billentyűzetkombináció segítségével közvetlenül egy meglévő Figma-fájlba
    * **Share a link** a csapattársakkal vagy az érdekeltek között – megtekinthetik a tervet fiók létrehozása nélkül

    <Note>
      Meghívhatod a csapatodat egy Flowstep-fájlon való együttműködésre. Perceken belül csatlakozhatnak és hozzá kezdhetnek nyújtani.
    </Note>
  </Step>
</Steps>