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

# Ģenerējiet UI ekrānus no teksta uzvedņem ar Flowstep

> Izmantojiet Flowstep, lai ģenerētu vienu ekrānu vai līdz 6 ekrāniem vienlaikus no vienas teksta uzvednes — ideāli ātrai UI ideācijai un pilnu plūsmu izpētei.

<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 ģenerē UI ekrānus no dabiskas valodas uzvedņem, ļaujot jums sekundēs pāriet no idejas uz vizuālo dizainu. Neatkarīgi no tā, vai jums nepieciešams viens ekrāns jēdziena validēšanai vai pilna ekrānu kopa, kas apbūrē visu lietotāja ceļojumu, pietiek ar labi uzrakstītu uzvedni, lai sāktu.

## Ģenerēt dizainu

<Steps>
  <Step title="Atveriet jaunu projektu">
    No sava Flowstep informācijas paneļa izveidojiet jaunu projektu vai atveriet esošu projektu, kur vēlaties pievienot ekrānus.
  </Step>

  <Step title="Uzrakstiet savu uzvedni">
    Ierakstiet ekrāna vai ekrānu aprakstu, ko vēlaties. Esiet specifisks attiecībā uz lietotnes veidu, lietotāja mērķi un saturu, ko jūs gaidāt redzēt.
  </Step>

  <Step title="Norādiet, cik ekrānus vēlaties">
    Pēc noklusējuma Flowstep ģenerē vienu ekrānu. Ja vēlaties vairākus ekrānus, to skaidri norādiet savā uzvenē — Flowstep var ģenerēt līdz 6 ekrāniem no vienas uzvednes.
  </Step>

  <Step title="Ģenerēt">
    Iesniedziet savu uzvedni. Flowstep izveido jūsu ekrānus un tos parāda redaktorā, gatavs pārskatīšanai vai pilnveidošanai.
  </Step>
</Steps>

## Viens ekrāns pret vairākiem ekrāniem

Jūs varat ģenerēt vai nu vienu ekrānu, vai līdz 6 ekrāniem no vienas uzvednes. Abi pieejas ir piemērotas dažādiem dizaina darba posmiem.

* **Viens ekrāns** — labākais, lai izpētītu konkrētu UI stāvokli, komponentu vai fokusētu jēdzienu.
* **Vairāki ekrāni** — labākais, lai kartētu plūsmas, salīdzinātu izkārtojuma iespējas vai ātri apbūtu pilnu lietotāja ceļojumu.

Kad vēlaties vairākus ekrānus, esiet skaidrs savā uzvenē. Flowstep izmanto jūsu uzvednes skaņojumu, lai izlemt, cik ekrānu iegūt, tāpēc neskaidras uzvednes parasti atgriež vienu ekrānu. Ģenerētie ekrāni tiek nosaukti **Screen 1**, **Screen 2** utt. — izmantojiet šos nosaukumus, lai norādītu uz konkrētu ekrānu turpmākajās uzvenēs.

## Vairāk veidu, kā uzrakstīt uzvedni

Teksts nav vienīgā ievade. Jūs varat arī:

* **Pievienot failus** — pievienojiet attēlus (JPG, PNG, WEBP) vai dokumentus (PDF, MD, TXT) līdz 3 MB katram uzvenei, izmantojot velk-un-nometiet, failu atlasītāju vai ielīmēšanu. Norādiet uz pievienotu attēlu savā uzvenē, un Flowstep to iekļauj ģenerētajos ekrānos. Sk. [Izmantot atsauces](/lv/design-references).
* **Diktējiet savu uzvedni** — noklikšķiniet uz mikrofona pogas uzvednes joslā (vai nospiediet **Cmd+Shift+V** Mac, **Ctrl+Shift+V** Windows) un runājiet līdz 60 sekundēm. Stenogramma tiek pievienota tam, ko jūs jau esat ierakstījis.
* **Ļaujiet Flowstep pārlūkot tīmekli** — kad jūsu uzvedne to pieprasa (piemēram, "klonējiet Stripe cenu lapu"), Flowstep var meklēt tīmeklī un lasīt lapas zīmolojumu — krāsas, fontus, logotipu, UI komponentus — un to izmantot ģenerētajos ekrānos. Flowstep patstāvīgi izlemj, vai pārlūkot, tāpēc tas ne vienmēr tiek aktivizēts katrai uzvenei; ņemiet vērā, ka atkārtoti izveidotās tīmekļa vietnes izmanto dažādus attēlus un navigāciju nekā oriģināls.
* **Iestatīt dizaina vadlīnijas** — definējiet pastāvīgos stila noteikumus, kas attiecas uz katru ģenerēšanu failā. Sk. [Dizaina vadlīnijas](/lv/design-guidelines).

## Efektīvu uzvedņu rakstīšana

<Tip>
  **Viena ekrāna uzvednes piemērs:** "Izstrādājiet mobilā pierakstīšanās ekrānu fitnesa izsekošanas lietojumprogrammai ar e-pasta un paroles laukiem, pierakstīšanās pogu un paroles atgūšanas saiti."
</Tip>

<Tip>
  **Vairāku ekrānu uzvednes piemērs:** "Ģenerējiet vairākus ekrānus ēdiena piegādes lietojumprogrammas onboarding plūsmai — apbūriet ēdiena ieteikumu atlasi, piegādes adreses ievadi un pirmā pasūtījuma apstiprinājumu."
</Tip>

<Tip>
  **Pilnas ceļojuma uzvednes piemērs:** "Apbūriet pilnu lietotāja ceļojumu izdevumu pārskata lietojumprogrammā, sākot no kvīts iesniegšanas līdz vadītāja apstiprinājumam."
</Tip>

Paturiet šos principus prātā, rakstot uzvednes:

* Nosauciet platformu (mobilais, darbvirsma, planšetdators), lai Flowstep pareizi izmēra ekrānus.
* Aprakstiet lietotāja mērķi, nevis tikai UI elementus — Flowstep secina izkārtojumu no nolūka.
* Iekļaujiet galvenā satura, piemēram, etiķetes, darbības vai datus, ja tiem ir nozīme dizainā.
* Izmantojiet frāzes, piemēram, "ģenerējiet vairākus ekrānus" vai "apbūriet pilnu lietotāja ceļojumu", lai aktivizētu vairāku ekrānu izvadi.