Skip to main content
Screenshot 2026 05 06 At 14 19 04
Flowstep jest zbudowany do dopasowania się do przepływu pracy projektowania, który już używasz — nie aby go zastępować. Możesz wygenerować projekt w Flowstep i natychmiast przenieść go do Figmy za pomocą prostego kopiuj-wklej, lub zrobić odwrotnie i zaimportować ramkę Figmy do Flowstep. Oznacza to, że uzyskujesz szybkość generowania projektów wspieranego AI w połączeniu z precyzją i funkcjami współpracy, na które polegasz w Figmie.
Flowstep i Figma to narzędzia się uzupełniające, a nie konkurujące. Flowstep pomaga Ci szybko generować i eksplorować pomysły projektowania UI; Figma to miejsce, gdzie udoskonalasz, współpracujesz i budujesz pracę gotową do produkcji. Używanie obu razem daje Ci najlepsze z obu światów.

​
Jak skopiować projekt 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 naraz. Upewnij się, że zaznaczenie jest wyróżnione na kanwie.
2

Skopiuj zaznaczenie

Naciśnij **Cmd+**⇧+C na Mac lub **Ctrl+**⇧+C na Windows. Flowstep pokazuje “Preparing your design. Stay on the current tab.” podczas pracy; kopiowanie zakończy się za moment.
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 Mac lub Ctrl+V na Windows, aby wkleić. Ekrany Flowstep pojawią się na kanwie 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 kart w trakcie kopiowania przerywa transfer; utrzymuj kartę Flowstep w fokusie aż do ukończenia kopiowania.
Wklej ramkę na dedykowaną stronę “AI imports” w Figmie, aby zachować porządek w pracujących plikach. Stamtąd możesz przenosić elementy do systemu projektowania lub biblioteki komponentów w swoim tempie.

​
Zaimportuj projekt z Figmy

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

Połącz Figmę

Połącz swoje konto Figmy z Flowstep ze swoich ustawień. Flowstep korzysta z autoryzacji Figmy do odczytywania plików, 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. Możesz również skopiować link do całej strony, aby zaimportować wszystkie jej ramki najwyższego poziomu naraz.
3

Zaimportuj do Flowstep

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

​
Co się importuje

Flowstep odtwarza ramkę Figmy jako elementy natywne, edytowalne — nie jako płaski obraz. 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 obrazami i ikony SVG oraz kształty
  • Cienie na zewnątrz i wewnątrz, a także rozmycia warstw i tła
  • Linie przerywane i kropkowane
Organizacja pliku musi mieć połączoną Figmę. Jeśli ramka nie będzie się importować, Flowstep pokaże wiadomość z działaniami opisującymi, co zrobić dalej — na przykład, ponownie połącz Figmę, jeśli twoja autoryzacja wygasła, czekaj i spróbuj ponownie, jeśli Figma ma limit szybkości lub działa wolno, lub dla szablonu Community zduplikuj go do swojego zespołu i wklej nowy link.