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

> Pilnveidojiet jebkuru Flowstep ģenerētu ekrānu, izmantojot manuālu vizuālo rediģēšanu vai čata vadnes — iterējiet tik reizes, 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 piesprausti tam, ko AI pirmajā reizē rada—varat pielāgot vizuālos elementus tieši redaktorā, izmantot čatu, lai aprakstītu izmaiņas parastā valodā, vai lūgt Flowstep ģenerēt variācijas un jaunus ekrānus. Izvēlieties metodi, kas ir piemērota grozījumam, ko vēlaties veikt.

## Divi rediģēšanas veidi

<Tabs>
  <Tab title="Manuāla vizuāla rediģēšana">
    Veiciet izmaiņas tieši uz audekla, atlasot un modificējot elementus. Šis paņēmiens ir vispiemērotākais precīziem labojumiem—komponentes pārvietošana, krāsas maiņa, etiķetes atjaunināšana vai atstarpes pielāgošana.

    <Steps>
      <Step title="Atlasiet elementu, ko vēlaties mainīt">
        Noklikšķiniet uz jebkuras 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, izmēru, pozīciju vai teksta saturu.
      </Step>

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

  <Tab title="Čata-balstīta rediģēšana">
    Aprakstiet vēlamās izmaiņas parastā valodā, un Flowstep jums atjaunina dizainu. Šis paņēmiens ir ātrāks plašiem vai strukturāliem grozījumiem—izkārtojuma pielāgošana, sekcijas pārskatīšana vai stila virziena piemērošana.

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

      <Step title="Aprakstiet savu izmaiņu">
        Ierakstiet, ko vēlaties, lai Flowstep atjauninātu. Būtiet konkrēts par to, kas jāmaina un kāpēc, ja tas ir noderīgi.
      </Step>

      <Step title="Pārskatiet atjaunināto dizainu">
        Flowstep pielieto izmaiņu un parāda jums rezultātu. Ja tas nav gluži pareizs, nosūtiet papildus ziņojumu, lai to vēl vairāk pilnveidotu.
      </Step>
    </Steps>

    Rediģējumi un atkārtojumi atjaunina atlasīto ekrānu **in place** nevis pievienojot jaunu ekrānu — kamēr Flowstep straumē izmaiņu, elements, uz kura tas pašlaik strādā, ir izcelts ar zaļu pārtrauktu robežu. Ģenerēšana bez atlasīta ekrāna tā vietā pievieno jaunu ekrānu.
  </Tab>
</Tabs>

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

Jums nav jārediģē veseli ekrāni. Atlasiet apakšelementu — karti, pogu, teksta etiķeti — un jūsu čata uzvedne tiek piemērota tikai tam, atstājot ekrāna pārējo daļu neskarti.

* Pārejiet 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** parastai atlasīšanai vai turiet **Cmd** (Mac) / **Ctrl** (Windows), lai uz brīdi izmantotu tiešo atlasi. **Escape** iziet no tiešās atlases.
* Atlasiet apakšelementus vairākos ekrānos ar **Cmd+Shift** — viena uzvedne var rediģēt līdz 6 ekrāniem uz ziņojumu.

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

## Atgūt iepriekšējo versiju

Katra AI ģenerācija čata vēsturē saglabā savu oriģinālo 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** rediģējumu atsaukšanai vai **Restore** / **Restore all** dzēsto ekrānu atjaunošanai. Izmantojiet to, lai atgrieztos zināmā labā stāvoklī pēc tam, kad rediģējums deviies nepareizā virzienā.

## Vienas pogas 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>

Papildus tiešajiem rediģējumiem jūs varat lūgt Flowstep pārbaudīt alternatīvas:

* **Try again from scratch** — lūdziet Flowstep radīt svaigi versiju pašreizējā ekrāna ar citu izkārtojumu vai vizuālo virzienu.
* **Show the next screen** — lūdziet Flowstep ģenerēt to, kas loģiski seko lietotāja plūsmai.
* **Make it pretty** — pielāgojiet atstarpes, līdzināšanu un krāsas visā dizainā. Izkārtojums paliek tāds pats.

Šīs iespējas ļauj jums ātri iterēt, nerakstot ikvienreiz uzvedni.

## Iterēšana pilnveidošanai

Dizains reti uzlec lieliski pirmajā mēģinājumā. Katrai atsauksmju kārtai izmantojiet čata-balstītu rediģēšanu—aprakstiet, kas strādā un kas nē, un Flowstep no turienes pielāgojās. Nav ierobežojumu, cik reizes jūs varat iterēt ekrānā.

<Tip>
  Iterējot caur čatu, atsaucieties uz konkrētiem elementiem pēc nosaukuma vai vietas, lai iegūtu precīzākus rezultātus. Piemēram: "Pārvietojiet izsaukuma pogu uz ekrāna apakšu un padariet to pilna platuma" ir efektīvāks nekā "labot pogu."
</Tip>