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

# Aloita Flowstepin kanssa: rekisteröidy ja luo suunnitteluja

> Luo ilmainen Flowstep-tili, luo ensimmäinen käyttöliittymäsuunnittelusi tekstikehotteiden avulla ja jaa se tiimillesi — kaikki samalla kerralla.

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

Flowstepin käytön aloittaminen vie vain muutaman minuutin. Rekisteröidyt ilmaiseksi, kuvaile mitä haluat rakentaa, ja Flowstep luo suunnittelusi välittömästi. Sieltä voit tarkentaa sitä jatkokehotteiden avulla, kutsua tiimisi yhteistyöhön ja jakaa tuloksen sidosryhmille — ei tarvita suunnittelutyökaluja tai aiempaa kokemusta.

<Steps>
  <Step title="Luo ilmainen tili">
    Mene osoitteeseen [flowstep.ai](https://flowstep.ai) ja rekisteröidy Google-tilillä tai sähköpostilla ja salasanalla. Mitään luottokorttia ei tarvita aloittamiseen.

    <Note>
      Jos rekisteröidyt sähköpostilla ja salasanalla, tarkista saapuneista viestiistä vahvistussähköpostia ("Confirm your Flowstep email") ja napsauta linkkiä tilisi aktivoimiseksi — voit lähettää sen uudelleen sivulta "Check your inbox", jos se ei saavu. Kertakäyttöisiä sähköpostiosoitteita ei hyväksytä; käytä työpaikan tai henkilökohtaista sähköpostia.
    </Note>

    Rekisteröitymisen jälkeen tulet lyhyelle tervetuloa-näytölle: vastaa kolmeen nopeaan kysymykseen ja kuvaa ensimmäinen suunnittelusi siellä — neljä esimerkkikehote (Dashboard, Landing page, Mobile app, Checkout) ovat saatavilla, jos haluat lähtöpisteen.
  </Step>

  <Step title="Kuvaa haluttu näyttö">
    Kirjoita kehote selkeällä englannilla kuvaamaan käyttöliittymää, jota sinulla on mielessä. Ole tarkka näytön tarkoituksesta ja kaikista keskeisistä elementeistä, jotka sen tulisi sisältää.

    Kehote kuten "Dashboard for a project management app with a task list, progress bars, and a sidebar navigation" antaa Flowstepille tarpeeksi kontekstia fokusoidun, hyödyllisen suunnittelun tuottamiseen.

    <Tip>
      Et tarvitse suunnittelukäsitteistöä. Keskity siihen, mihin näyttö on tarkoitettu ja mitä tietoa sen tulisi näyttää — Flowstep hoitaa asettelun, typografian, välilyönnin ja värien valinnat.
    </Tip>
  </Step>

  <Step title="Luo näytöt">
    Lähetä kehote ja Flowstep luo suunnittelusi sekunneissa. Voit luoda useita näyttöjä yhdessä istunnossa tutkiaksesi eri suuntia tai rakentaa täyden kulun.
  </Step>

  <Step title="Tarkenna keskustelun avulla">
    Ei aivan oikein? Kirjoita jatkokehote suunnittelun säätämiseksi — muuta väriä, järjestele elementtejä uudelleen, vaihda sisältöä tai pyydä kokonaan eri asettelua. Voit myös muokata elementtejä manuaalisesti tai käyttää yhdellä napsautuksella tehtäviä toimintoja vaihtoehdot-valikossa.
  </Step>

  <Step title="Vie tai jaa työsi">
    Kun olet tyytyväinen tulokseen, valitse kuinka haluat jakaa sen:

    * **Export** the code or via MCP
    * **Download** the screen as a JPG or PNG file
    * **Copy to Figma** using the keyboard shortcut to paste directly into an existing Figma file
    * **Share a link** with teammates or stakeholders — they can view the design without creating an account

    <Note>
      Voit kutsua tiimisi yhteistyöhön Flowstep-tiedoston parissa. He voivat liittyä ja alkaa osallistua muutaman minuutin kuluessa.
    </Note>
  </Step>
</Steps>