Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep został zbudowany, aby dopasować się do przepływu pracy projektowego, jaki już używasz — nie aby go zastępować. Możesz wygenerować projekt w Flowstep i natychmiast przenieść go do Figmy za pomocą prostego kopiuj-i-wklej, lub zrobić odwrotnie i zaimportować ramkę z Figmy do Flowstep. To oznacza, że zyskujesz szybkość generowania projektów wspomaganego sztuczną inteligencją w połączeniu z precyzją i funkcjami współpracy, na które polegasz w Figmie.
Flowstep i Figma to narzędzia komplementarne, a nie konkurencyjne. Flowstep pomaga Ci szybko generować i eksplorować pomysły projektów interfejsu; Figma to miejsce, gdzie wyrafinowujesz, współpracujesz i budujesz pracę gotową do produkcji. Użycie obu razem daje Ci to, co najlepsze z obu.

​
Jak skopiować projekt z Flowstep do Figmy

1

Wybierz jeden lub więcej ekranów w Flowstep

Kliknij ekran, aby go wybrać — lub wybierz kilka ekranów, aby skopiować je wszystkie na raz. Upewnij się, że zaznaczenie jest podświetlone na kanwie.
2

Skopiuj zaznaczenie

Naciśnij **Cmd+**⇧+C na Macu lub **Ctrl+**⇧+C w systemie Windows. Flowstep wyświetli komunikat „Preparing your design — stay on this tab and keep the screen selected” (Przygotowywanie twojego projektu — pozostań na tej karcie i utrzymaj ekran zaznaczony), podczas gdy pracuje; kopiowanie zakończy się w chwili.
3

Wklej do pliku Figmy

Przełącz się do Figmy i otwórz plik, w którym chcesz umieścić projekt. Naciśnij Cmd+V na Macu lub Ctrl+V w systemie Windows, aby wkleić. Ekrany z Flowstep pojawią się na kanwie Figmy, gotowe do edycji.
Kopiowanie do Figmy używa schowka przeglądarki, więc przeglądarka musi zezwolić Flowstep na dostęp do schowka — jeśli zobaczysz błąd uprawnień, zezwól na dostęp do schowka w ustawieniach przeglądarki i spróbuj ponownie. Przełączenie karty w środku kopiowania przerywa transfer; trzymaj kartę Flowstep w fokusie, aż kopiowanie się zakończy.
Wklej ramkę na dedykowaną stronę „AI imports” (Importy AI) w Figmie, aby utrzymać porządek w plików roboczych. Stamtąd możesz przenosić elementy do systemu projektowania lub biblioteki komponentów we własnym tempie.

​
Importuj projekt z Figmy

Możesz również zrobić odwrotnie i przenieść ramkę z Figmy do Flowstep jako edytowalne ekrany. Importowanie jest dostępne dla wszystkich — połącz konto Figmy raz, a następnie importuj z linku do ramki.
1

Połącz Figmę

Połącz swoje konto Figmy z Flowstep ze swoich ustawień. Flowstep używa autoryzacji Figmy, aby przeczytać pliki, do których masz dostęp.
2

Skopiuj link do ramki w Figmie

W Figmie kliknij prawym przyciskiem myszy ramkę, którą chcesz, i wybierz Copy link to selection (Skopiuj link do zaznaczenia). Możesz również skopiować link do całej strony, aby zaimportować wszystkie ramki najwyższego poziomu naraz.
3

Importuj do Flowstep

Użyj opcji importu Figmy na pasku narzędzi Flowstep i wklej link. Flowstep konwertuje ramkę na edytowalne elementy na kanwie. Ponowne importowanie tej samej ramki zaktualizuje ją w miejscu.

​
Co się importuje

Flowstep odtwarza ramkę Figmy jako natywne, edytowalne elementy — nie jako obraz płaski. Import przenosi:
  • Ramki i ich zagnieżdżone warstwy
  • Tekst, w tym formatowanie dla każdego znaku, takie jak grubość, kolor i pogrubienie
  • Kolory ze zmiennych Figmy
  • Wypełnienia obrazów oraz ikony SVG i kształty
  • Cienie opadające i wewnętrzne oraz rozmycia warstwy i tła
  • Pociągnięcia przerywane i kropkowane
Organizacja pliku musi mieć połączoną Figmę. Jeśli ramka nie zostanie zaimportowana, Flowstep wyświetli komunikat, który mówi Ci, co zrobić dalej — na przykład, ponownie połącz Figmę, jeśli Twoja autoryzacja wygasła, czekaj i ponów, jeśli Figma ogranicza szybkość lub powoli reaguje, lub dla szablonu Community zduplikuj go do swojego zespołu i wklej nowy link.