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

# Przenoszenie projektów między Flowstep i Figma

> Kopiuj dowolną ramkę z Flowstep do Figmy za pomocą kopiuj-i-wklej, lub importuj ramki z Figmy do Flowstep jako edytowalne ekrany. Pracuj bez przełączania się między narzędziami.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.04.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=0e31f66d221bc267a060704be409d9f2" alt="Screenshot 2026 05 06 At 14 19 04" width="1838" height="1266" data-path="images/Screenshot-2026-05-06-at-14.19.04.png" />
</Frame>

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.

<Note>
  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.
</Note>

## Jak skopiować projekt z Flowstep do Figmy

<Steps>
  <Step title="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.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>
</Steps>

<Note>
  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.
</Note>

<Tip>
  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.
</Tip>

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

<Steps>
  <Step title="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.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>
</Steps>

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

<Note>
  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.
</Note>