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

# Rediģējiet un iterējiet Flowstep dizainus caur čatu vai kanvu

> Uzlabojiet jebkuru Flowstep ģenerētu ekrānu, veicot manuālu vizuālu rediģēšanu vai čata pamatā uz paziņojumiem — iterējiet tik reižu, cik nepieciešams, līdz dizains ir pareizs.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

Flowstep dizaini ir pilnībā rediģējami pēc ģenerēšanas. Jūs neesat ierobežoti ar to, ko AI pirmoreiz ģenerē—varat pielāgot vizuālos elementus tieši redaktorā, izmantot čatu, lai aprakstītu izmaiņas vienkāršā valodā, vai lūgt Flowstep ģenerēt variācijas un jaunus ekrānus. Izmantojiet metodi, kas visbest atbilst jūsu vēlamajām izmaiņām.

## Divi rediģēšanas veidi

<Tabs>
  <Tab title="Manuāla vizuāla rediģēšana">
    Veiciet izmaiņas tieši uz kanvā, atlasot un modificējot elementus. Šī metode darbojas vislabāk precīziem pielāgojumiem—komponentes pārvietošanai, krāsas maiņai, etiķetes atjauninājumam vai atstarpju pielāgošanai.

    <Steps>
      <Step title="Atlasiet elementu, kuru vēlaties mainīt">
        Noklikšķiniet uz jebkura komponentes vai slāņa savā dizainā, lai to atlasītu.
      </Step>

      <Step title="Veiciet izmaiņas">
        Izmantojiet redaktora vadīklas, lai pielāgotu īpašības, piemēram, krāsu, lielumu, pozīciju vai teksta saturu.
      </Step>

      <Step title="Pārskatiet rezultātu">
        Jūsu izmaiņas nekavējoties tiek pielietotas uz kanvā. Turpiniet rediģēšanu vai pārejiet uz nākamo ekrānu.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Čata pamatā uz rediģēšana">
    Aprakstiet vēlamo izmaiņu vienkāršā valodā un Flowstep atjaunina dizainu jūsu vietā. Šī metode ir ātrāka plašākiem vai strukturāliem izmaiņām—izkārtojuma pielāgošanai, sekcijas pārskatīšanai vai stila virziena piemērošanai.

    <Steps>
      <Step title="Atveriet čata paneli">
        Atlasiet ekrānu, kuru vēlaties rediģēt, tad atveriet čata ievadi.
      </Step>

      <Step title="Aprakstiet savu izmaiņu">
        Ierakstiet, kas Flowstep jāatjaunina. Esiet konkrēts par to, kas tieši jāmaina un kāpēc, ja tas palīdz.
      </Step>

      <Step title="Pārskatiet atjaunināto dizainu">
        Flowstep piemēro izmaiņu un parāda rezultātu. Ja tas nav pavisam pareizs, nosūtiet turpmāku paziņojumu, lai tālāk norīpojiet.
      </Step>
    </Steps>

    Rediģēšanas un pārgenerēšanas atjaunina atlasīto ekrānu **pamatā** tā vietā, lai pievienotu jaunu ekrānu — kamēr Flowstep plūst ar izmaiņu, elements, uz kuru tas pašlaik darbojas, ir izcelts ar zaļu punktētu robežu. Ģenerēšana bez atlasīta ekrāna pievienojas jaunam ekrānam.
  </Tab>
</Tabs>

## Rediģējiet tikai ekrāna daļu

Jums nav jāredoģē visi ekrāni. Atlasiet apakšelementu — karti, pogu, teksta etiķeti — un jūsu čata paziņojums attiecas tikai uz to, atstājot ekrāna pārējo daļu neskartu.

* Pārslēdzieties uz **Direct selection** režīmu ar **Shift+V** (vai atlasiet nolaižamo izvēlni **Select** rīkjoslas pogai), lai atlasītu dziļāko elementu zem jūsu klikšķa. Nospiediet **V** parastajam atlasījumam vai turiet **Cmd** (Mac) / **Ctrl** (Windows), lai pagaidām izmantotu tiešo atlasījumu. **Escape** iziet no tiešā atlasījuma.
* Atlasiet apakšelementus vairākos ekrānos ar **Cmd+Shift** — viens paziņojums var rediģēt līdz 6 ekrāniem uz ziņojumu.

Kad attēla elements ir atlasīts (ārpus wireframe režīma), redaktorā parādās **Image** panelis: priekšskatiet attēlu, nomainiet to, velkdams jaunu attēla failu uz priekšskati vai noklikšķinot uz **Pick image**, vai saglabājiet to ar **Download image**.

## Atjaunojiet iepriekšējo versiju

Katra AI ģenerēšana čata vēsturē saglabā tās sākotnējo rezultātu. Ja ekrāns ir rediģēts vai izdzēsts kopš tā ģenerēšanas, tā čata ziņojums parāda **Restore** pogu — **Restore original** lai atsauktu rediģēšanu, vai **Restore** / **Restore all** lai atgrieštu izdzēstus ekrānus. Izmantojiet to, lai atgrieztos pie zināmā labā stāvokļa pēc tam, kad rediģēšana virzienā nepareizi.

Paivojiet peles kursoru pār jebkuru čata paneļa ziņojumu, lai redzētu, kad tas tika sūtīts. Jaunākie ziņojumi parāda laiku; vecākie parāda, cik ilgi tie tika sūtīti (piemēram, "1 dienu atpakaļ"), ar pilnīgu datumu un laiku rīcībā.

## Viena klikšķa darbības

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

Bez tiešām rediģēšanām jūs varat lūgt Flowstep izpētīt alternatīvas:

* **Try again from scratch** — lūdziet Flowstep ģenerēt jaunu pašreizējā ekrāna versiju ar atšķirīgu izkārtojumu vai vizuālo virzienu.
* **Show the next screen** — lūdziet Flowstep ģenerēt to, kas loģiski seko nākamais lietotāja plūsmā.
* **Make it pretty** — pielāgojiet atstarpnes, noapaļojumus un krāsas visā dizainā. Izkārtojums paliek tāds pats.

Šīs opcijas ļauj ātri iterēt bez nepieciešamības rakstīt paziņojumu katru reizi.

## Iterēšana, lai uzlabotu

Dizains reti nonāk perfektā stāvoklī no pirmā mēģinājuma. Izmantojiet čata pamatā uz rediģēšanu katrai atsauksmju kārtai—aprakstiet, kas darbojas un kas nē, un Flowstep pielāgo no turienes. Nav ierobežojumu, cik reižu varat iterēt ekrānu.

<Tip>
  Iterējot caur čatu, atsaucieties uz konkrētiem elementiem pēc vārda vai vietas, lai iegūtu precīzākus rezultātus. Piemēram: "Pārvietojiet call-to-action pogu uz ekrāna leju un padariet to pilnu platumu" ir efektīvāks nekā "labot pogu."
</Tip>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.