Przejdź do głównej treści
Screenshot 2026 05 06 At 14 19 04
Flowstep jest zaprojektowany tak, aby pasował do procesu projektowania, którego już używasz, a nie aby go zastępował. Możesz wygenerować projekt we Flowstep i od razu przenieść go do Figmy za pomocą zwykłego kopiowania i wklejania albo zrobić to w odwrotnym kierunku i zaimportować ramkę Figmy do Flowstep. Dzięki temu łączysz szybkość generowania projektów wspomaganego AI z precyzją i funkcjami współpracy, na których polegasz w Figmie.
Flowstep i Figma to narzędzia uzupełniające się, a nie konkurencyjne. Flowstep pomaga szybko generować i eksplorować pomysły na interfejs użytkownika, a Figma służy do dopracowywania, współpracy i tworzenia gotowych do produkcji projektów. Użycie obu narzędzi razem daje najlepsze efekty.

​
Jak skopiować projekt Flowstep do Figmy

1

Zaznacz jeden lub więcej ekranów we Flowstep

Kliknij ekran, aby go zaznaczyć, lub zaznacz kilka ekranów, aby skopiować je wszystkie naraz. Upewnij się, że zaznaczenie jest wyróżnione na płótnie.
2

Skopiuj zaznaczenie

Naciśnij **Cmd+**⇧+C na Mac lub **Ctrl+**⇧+C na Windows. Podczas pracy Flowstep wyświetla komunikat “Preparing your design. Stay on the current tab.” (Przygotowujemy Twój projekt. Pozostań na bieżącej karcie). Kopiowanie zakończy się po chwili.
3

Wklej do pliku w Figmie

Przejdź do Figmy i otwórz plik, w którym chcesz umieścić projekt. Naciśnij Cmd+V na Mac lub Ctrl+V na Windows, aby wkleić. Ekrany Flowstep pojawią się na płótnie Figmy, gotowe do edycji.
Kopiowanie do Figmy korzysta ze schowka przeglądarki, więc przeglądarka musi zezwalać Flowstep na dostęp do schowka. Jeśli widzisz błąd uprawnień, zezwól na dostęp do schowka w ustawieniach przeglądarki i spróbuj ponownie. Przełączenie karty w trakcie kopiowania przerywa transfer, dlatego zachowaj kartę Flowstep aktywną do zakończenia kopiowania.
Wklej ramkę na dedykowaną stronę o nazwie “AI imports” w Figmie, aby zachować porządek w plikach roboczych. Stamtąd możesz przenosić elementy do swojego systemu projektowego lub biblioteki komponentów we własnym tempie.

​
Importuj projekt z Figmy

Możesz też zrobić to w odwrotnym kierunku i zaimportować ramkę Figmy do Flowstep jako edytowalne ekrany. Import jest dostępny dla wszystkich. Połącz swoje konto Figma raz, a następnie importuj ramki na podstawie linku.
1

Połącz Figmę

Połącz swoje konto Figma z Flowstep w ustawieniach. Flowstep korzysta z autoryzacji Figmy, aby odczytywać pliki, do których masz dostęp.
2

Skopiuj link do ramki w Figmie

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

Zaimportuj do Flowstep

Użyj opcji importu z Figmy na pasku narzędzi Flowstep i wklej link. Flowstep zamienia ramkę na edytowalne elementy na płótnie. Każdy import dodaje nowy ekran. Ponowne zaimportowanie tej samej ramki nie zastępuje wcześniejszego importu, dlatego usuń stary ekran, jeśli już nie jest potrzebny.

​
Co jest importowane

Flowstep odtwarza ramkę Figmy jako natywne, edytowalne elementy, a nie jako płaski obraz. Import przenosi:
  • Ramki i ich zagnieżdżone warstwy
  • Tekst, w tym stylowanie poszczególnych znaków, takie jak grubość, kolor i pogrubienie
  • Kolory z Twoich zmiennych Figmy
  • Wypełnienia obrazami oraz ikony SVG i kształty
  • Cienie zewnętrzne i wewnętrzne oraz rozmycia warstw i tła
  • Przerywane i kropkowane obramowania
Organizacja, do której należy plik, musi mieć połączoną Figmę. Jeśli ramka nie zostanie zaimportowana, Flowstep wyświetli komunikat z podpowiedzią, co zrobić dalej. Na przykład połącz Figmę ponownie, jeśli autoryzacja wygasła. Poczekaj i spróbuj ponownie, jeśli Figma ogranicza liczbę żądań lub odpowiada wolno. W przypadku szablonu ze społeczności zduplikuj go do swojego zespołu i wklej nowy link.