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

# Luo käyttöliittymänäyttöjä tekstikehotteista Flowstepin avulla

> Käytä Flowstepia yhden tai jopa 6 näytön luomiseen kerralla yhdestä tekstikehobista — ihanteellinen nopeaan käyttöliittymän ideointiin ja täysien virtojen tutkimiseen.

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

Flowstep luo käyttöliittymänäyttöjä luonnollisen kielen kehotteiden perusteella, jotta voit siirtyä ideasta visuaaliseen suunnitelmaan sekunneissa. Riippumatta siitä, tarvitsetko yksittäisen näytön käsitteen validoimiseksi vai täyden joukon näyttöjä, jotka kattavat koko käyttäjämatkan, hyvin kirjoitettu kehote on kaikki mitä tarvitset alkuun.

## Luo suunnitelma

<Steps>
  <Step title="Avaa uusi projekti">
    Luo Flowstep-kojelautastasi uusi projekti tai avaa olemassa oleva projekti, johon haluat lisätä näyttöjä.
  </Step>

  <Step title="Kirjoita kehotteesi">
    Kirjoita kuvaus haluamistasi näytöistä. Ole tarkka sovelluksen tyypistä, käyttäjän tavoitteesta ja sisällöstä, jonka odotat näkevän.
  </Step>

  <Step title="Määritä kuinka monta näyttöä haluat">
    Oletuksena Flowstep luo yksittäisen näytön. Jos haluat useita näyttöjä, kerro siitä selkeästi kehobissa — Flowstep voi luoda jopa 6 näyttöä yhdestä kehobista.
  </Step>

  <Step title="Luo">
    Lähetä kehote. Flowstep tuottaa näyttösi ja näyttää ne editorissa, valmiina tarkistettavaksi tai hienosäädettäviksi.
  </Step>
</Steps>

## Yksittäinen näyttö vs. useat näyttöt

Voit luoda joko yhden näytön tai jopa 6 näyttöä yhdestä kehobista. Molemmat lähestymistavat sopivat eri suunnittelutyön vaiheisiin.

* **Yksittäinen näyttö** — parhaiten sopii tietyn käyttöliittymän tilan, komponentin tai rajatun käsitteen tutkimiseen.
* **Useat näyttöt** — parhaiten sopii virtojen kartoittamiseen, asetteluvaihtoehtojen vertailuun tai täydellisen käyttäjämatkan nopeaan peittämiseen.

Jos haluat useita näyttöjä, ole selkeä kehobissa. Flowstep käyttää kehotteeseesi kirjoittamiasi sanoja päättääkseen kuinka monta näyttöä luoda, joten epäselvät kehotukset tuottavat tyypillisesti yksittäisen näytön. Luodut näyttöt on nimetty **Screen 1**, **Screen 2** jne. — käytä näitä nimiä viitattaaksesi tiettyyn näyttöön myöhemmissä kehobissa.

## Lisää tapoja kehottaa

Teksti ei ole ainoa syötteen muoto. Voit myös:

* **Liitä tiedostoja** — lisää kuvia (JPG, PNG, WEBP) tai asiakirjoja (PDF, MD, TXT), enintään 3 MB kukin, kehoteeseen vetämällä ja pudottamalla, tiedoston valitsijalla tai liittämällä. Viittaa liitettyyn kuvaan kehobissa ja Flowstep sisällyttää sen luotuihin näyttöihin. Katso [Käytä viitteitä](/fi/design-references).
* **Puhu kehote ääneen** — napsauta mikrofoninappia kehotepalkkissa (tai paina **Cmd+Shift+V** Macissa, **Ctrl+Shift+V** Windowsissa) ja puhu jopa 60 sekuntia. Litterointi lisätään siihen, mitä olet jo kirjoittanut.
* **Anna Flowstepin tutkia verkkoa** — kun kehotuksesi sitä vaatii (esimerkiksi "kloonaa Stripen hinnoittelusivu"), Flowstep voi etsiä verkosta ja lukea sivuston brändäyksen — värit, fontit, logo, käyttöliittymän komponentit — ja käyttää sitä luoduissa näytöissä. Flowstep päättää itse, tutkitaanko verkkoa, joten se ei välttämättä aktivoidu jokaisella kehobilla; huomaa, että uudelleen luodut verkkosivustot käyttävät eri kuvia ja navigointia kuin alkuperäinen.
* **Aseta suunnitteluohjeet** — määritä pysyvät tyylisäännöt, jotka koskevat jokaista luontia tiedostossa. Katso [Suunnitteluohjeet](/fi/design-guidelines).

## Tehokkaan kehottamisen kirjoittaminen

<Tip>
  **Kehote yksittäiselle näytölle:** "Suunnittele mobiilikirjautumisnäyttö kuntoiluseuraamisohjelmalle, jossa on sähköposti- ja salasanakentät, kirjautumispainike ja salasanan unohtamisen linkki."
</Tip>

<Tip>
  **Kehote monille näytöille:** "Luo useita näyttöjä ruoanjakellusovelluksen perehdytysvirtaan — kata ruokalajien valinnan, toimitusosoitteen antamisen ja ensimmäisen tilauksen vahvistamisen."
</Tip>

<Tip>
  **Kehote täydelle käyttäjämatkalle:** "Kata täysi käyttäjämatka kulujen raportointisovelluksessa, kuiteista lähettämisestä johtajan hyväksymiseen."
</Tip>

Pidä nämä periaatteet mielessä kehobsia kirjoittaessasi:

* Nimeä alusta (mobiili, pöytäkone, tabletti) niin että Flowstep määrittää näyttöjen koon oikein.
* Kuvaile käyttäjän tavoitetta, ei vain käyttöliittymän elementtejä — Flowstep päättelee asettelun tarkoituksesta.
* Sisällytä keskeinen sisältö, kuten nimiöt, toiminnot tai tiedot, jos ne ovat tärkeitä suunnittelulle.
* Käytä lauseita, kuten "luo useita näyttöjä" tai "kata täysi käyttäjämatka" monienäyttö-tuloksen käynnistämiseksi.