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

# Edytuj i iteruj projekty Flowstep przez czat lub kanwę

> Udoskonal dowolny ekran wygenerowany przez Flowstep poprzez ręczną edycję wizualną lub prompty oparte na czacie — iteruj tyle razy, ile potrzeba, aż projekt będzie idealny.

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

Projekty Flowstep są w pełni edytowalne po wygenerowaniu. Nie jesteś zablokowany tym, co AI po raz pierwszy wytworzyło — możesz dostosować wizualizacje bezpośrednio w edytorze, użyć czatu do opisania zmian w prostym języku lub poprosić Flowstep o wygenerowanie wariantów i nowych ekranów. Użyj dowolnej metody, która pasuje do zmian, które chcesz wprowadzić.

## Dwa sposoby edycji

<Tabs>
  <Tab title="Ręczna edycja wizualna">
    Dokonaj zmian bezpośrednio na kanwie, wybierając i modyfikując elementy. Ta metoda sprawdza się najlepiej w przypadku precyzyjnych dostosowań — przenoszenia komponentu, zmiany koloru, aktualizacji etykiety lub dostrojenia odstępów.

    <Steps>
      <Step title="Wybierz element, który chcesz zmienić">
        Kliknij na dowolny komponent lub warstwę w swoim projekcie, aby go wybrać.
      </Step>

      <Step title="Dokonaj zmian">
        Użyj kontrolek edytora, aby dostosować właściwości, takie jak kolor, rozmiar, pozycja lub zawartość tekstu.
      </Step>

      <Step title="Przejrzyj wynik">
        Twoje zmiany są natychmiast stosowane na kanwie. Kontynuuj edycję lub przejdź do następnego ekranu.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Edycja oparta na czacie">
    Opisz zmianę, którą chcesz, w prostym języku, a Flowstep zaktualizuje projekt dla Ciebie. Ta metoda jest szybsza w przypadku szerszych zmian lub zmian strukturalnych — dostosowania układu, ponownego rozpatrzenia sekcji lub zastosowania kierunku stylu.

    <Steps>
      <Step title="Otwórz panel czatu">
        Wybierz ekran, który chcesz edytować, a następnie otwórz wejście czatu.
      </Step>

      <Step title="Opisz swoją zmianę">
        Wpisz, co chcesz, aby Flowstep zaktualizował. Bądź konkretny w kwestii tego, co powinno się zmienić i dlaczego, jeśli to pomaga.
      </Step>

      <Step title="Przejrzyj zaktualizowany projekt">
        Flowstep zastosuje zmianę i pokaże Ci wynik. Jeśli nie jest to całkiem prawidłowe, wyślij wiadomość uzupełniającą, aby dokonać dalszych udoskonaleń.
      </Step>
    </Steps>

    Edycje i regeneracje aktualizują wybrany ekran **w miejscu** zamiast dodawać nowy ekran — podczas gdy Flowstep przesyła zmianę, element, nad którym obecnie pracuje, jest podświetlony zieloną przerywaną linią. Generowanie bez wybranego ekranu dodaje nowy ekran.
  </Tab>
</Tabs>

## Edytuj tylko część ekranu

Nie musisz edytować całych ekranów. Wybierz poddolement — kartę, przycisk, etykietę tekstową — a Twój prompt czatu zastosuje się tylko do niej, pozostawiając resztę ekranu niezmienioną.

* Przełącz się na tryb **Direct selection** za pomocą **Shift+V** (lub listy rozwijanej na przycisku paska narzędzi Select) aby wybrać najgłębszy element pod kliknięciem. Naciśnij **V** dla normalnego wyboru lub przytrzymaj **Cmd** (Mac) / **Ctrl** (Windows), aby tymczasowo użyć bezpośredniego wyboru. **Escape** wychodzi z bezpośredniego wyboru.
* Wybierz podlementy na wielu ekranach za pomocą **Cmd+Shift** — pojedynczy prompt może edytować do 6 ekranów na wiadomość.

Gdy element obrazu jest wybrany (poza trybem wireframe), w panelu właściwości pojawia się panel **Image**: podgląd obrazu, zamiana go poprzez przeciągnięcie nowego pliku obrazu na podgląd lub kliknięcie **Pick image**, lub zapisanie go za pomocą **Download image**.

## Przywróć poprzednią wersję

Każde wygenerowanie sztucznej inteligencji w historii czatu zachowuje swój oryginalny wynik. Jeśli ekran został edytowany lub usunięty od czasu jego wygenerowania, jego wiadomość czatu pokazuje przycisk **Restore** — kliknij **Restore original** aby przywrócić poprzednią wersję, lub **Restore** / **Restore all** aby przywrócić usunięte ekrany. Użyj go, aby wrócić do znanego dobrego stanu po tym, jak edycja pójdzie w złym kierunku.

## Działania jednym klikiem

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

Poza bezpośrednimi edycjami możesz poprosić Flowstep o zbadanie alternatyw:

* **Try again from scratch** — poproś Flowstep o stworzenie nowej wersji bieżącego ekranu z innym układem lub kierunkiem wizualnym.
* **Show the next screen** — poproś Flowstep o wygenerowanie tego, co logicznie następuje w przepływie użytkownika.
* **Make it pretty** — dostosuj odstępy, wyrównanie i kolory w całym projekcie. Układ pozostaje taki sam.

Te opcje pozwalają na szybką iterację bez konieczności pisania promptu za każdym razem.

## Iteruj, aby ulepszać

Projekt rzadko trafia idealnie za pierwszym razem. Używaj edycji opartej na czacie dla każdej rundy informacji zwrotnej — opisz, co działa i co nie, a Flowstep dostosuje się od tego momentu. Nie ma limitu liczby razy, w którą możesz iterować na ekranie.

<Tip>
  Podczas iteracji poprzez czat odwołuj się do konkretnych elementów po nazwie lub lokalizacji, aby uzyskać dokładniejsze wyniki. Na przykład: "Przesuń przycisk call-to-action na dno ekranu i ustaw na pełną szerokość" jest bardziej efektywne niż "napraw przycisk."
</Tip>