Edytuj i poprawiaj projekty Flowstep poprzez czat lub kanwę

Projekty Flowstep można w pełni edytować po wygenerowaniu. Nie jesteś ograniczony tym, co AI najpierw stworzyło — możesz dostosowywać wizualizacje bezpośrednio w edytorze, używać czatu do opisywania zmian zwykłym językiem, lub poprosić Flowstep o wygenerowanie wariantów i nowych ekranów. Użyj metody, która najlepiej pasuje do zmian, które chcesz wprowadzić.

​

Dwa sposoby edycji

​

Edytuj tylko część ekranu

Nie musisz edytować całych ekranów. Zaznacz podelement — kartę, przycisk, etykietę tekstową — a twoja podpowiedź czatu będzie dotyczyć tylko tego, pozostawiając resztę ekranu bez zmian.

• Przełącz się na tryb Direct selection za pomocą Shift+V (lub listy rozwijanej na przycisku Select toolbar) aby wybrać najgłębszy element pod kliknięciem. Naciśnij V aby wrócić do normalnego zaznaczania, lub przytrzymaj Cmd (Mac) / Ctrl (Windows) aby tymczasowo użyć direct selection. Escape zamyka direct selection.
• Zaznaczaj podelementy na wielu ekranach za pomocą Cmd+Shift — jedna podpowiedź 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.

​

Kopiowanie i wklejanie elementów

Skopiuj zaznaczenie i wklej je tam, gdzie potrzebujesz — w tym samym pliku, w innym pliku lub w innej karcie przeglądarki, ponieważ kopie trafiają do schowka systemowego.

• Kopiuj za pomocą Cmd+C (Mac) / Ctrl+C (Windows), wytnij za pomocą Cmd+X / Ctrl+X, a wklej za pomocą Cmd+V / Ctrl+V.
• Duplikuj zaznaczenie w miejscu za pomocą Cmd+D / Ctrl+D.
• Wklejone elementy pojawiają się lekko przesunięte względem oryginałów, dzięki czemu nie zasłaniają ich.

Te skróty działają na zaznaczone elementy; podczas edycji tekstu działają jak zwykłe kopiowanie i wklejanie tekstu.

​

Nazywanie ekranów na kanwie

Każdy ekran wyświetla swoją nazwę na etykiecie nad nim na kanwie. Ekran, który nie ma jeszcze nazwy, jest oznaczony jako Screen.

• Kliknij dwukrotnie etykietę, aby zmienić nazwę ekranu, a następnie naciśnij Enter, aby zapisać — kliknięcie poza etykietę również zapisuje zmianę. Nazwy mogą mieć do 100 znaków.
• Kliknij etykietę raz, aby zaznaczyć ekran, a następnie przeciągnij go, aby przesunąć po kanwie.

​

Dostosuj krycie, tryb mieszania i rogi

Zaznacz element, aby dopracować jego wygląd w panelu właściwości:

• Opacity (przezroczystość) — ustaw, jak przezroczysty jest element, od 0 do 100%. Ten sam panel zawiera tryb mieszania (Normal, Multiply, Screen, Overlay i inne), który określa, jak element łączy się z tym, co znajduje się za nim.
• Corners (rogi) — zaokrąglij rogi elementu. Ustaw jeden Corner radius dla wszystkich czterech albo włącz Per corner, aby nadać każdemu z czterech rogów (lewemu górnemu, prawemu górnemu, prawemu dolnemu i lewemu dolnemu) własny promień. Każdą wartość możesz ustawić jako Token z Twojego motywu lub jako Custom, czyli dowolną wartość.

​

Przybliż do piksela

Powiększ kanwę do 25 600%, aby dokładnie sprawdzić odstępy i wyrównanie. Powyżej 200% pojawiają się linie siatki wyrównane do pikseli. Im bardziej przybliżasz, tym są wyraźniejsze, dzięki czemu możesz precyzyjnie wyrównać elementy.

​

Przywróć poprzednią wersję

Każde pokolenie AI w historii czatu zachowuje swój oryginalny wynik. Jeśli ekran był edytowany lub usunięty od czasu jego wygenerowania, jego wiadomość czatu pokazuje przycisk Restore — Restore original aby cofnąć edycje, lub Restore / Restore all aby przywrócić usunięte ekrany. Użyj tego, aby wrócić do znanego, dobrego stanu, gdy edycja idzie w złym kierunku. Najedź myszką na dowolną wiadomość w panelu czatu, aby zobaczyć, kiedy została wysłana. Niedawne wiadomości pokazują godzinę; starsze pokazują, jak dawno zostały wysłane (na przykład “1 dzień temu”), a pełną datę i godzinę w podpowiedzi.

​

Akcje jednym kliknięciem

Oprócz bezpośrednich edycji, możesz poprosić Flowstep o zbadanie alternatyw:

• Try again from scratch — poproś Flowstep o wytworzenie świeżej wersji bieżącego ekranu z innym layoutem lub kierunkiem wizualnym.
• Show the next screen — poproś Flowstep o wygenerowanie tego, co logicznie pojawia się dalej w przepływie użytkownika.
• Make it pretty — dostosuj odstępy, wyrównanie i kolory w całym projekcie. Layout pozostaje taki sam.

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

​

Iteracja w celu doskonalenia

Projekt rzadko wychodzi idealnie za pierwszym razem. Użyj edycji opartej na czacie dla każdej rundy informacji zwrotnej — opisz, co działa, a co nie, a Flowstep dostosuje się na tej podstawie. Nie ma limitu na to, ile razy możesz iterować ekran.