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

# Přesouvejte návrhy mezi Flowstepem a Figmou

> Kopírujte libovolný rámeček z Flowstepu do Figmy pomocí kopírování a vkládání, nebo importujte rámečky z Figmy do Flowstepu jako editovatelné obrazovky. Pracujte v obou nástrojích bez přepínání.

<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 je postaven tak, aby se přizpůsobil pracovnímu postupu designu, který již používáte — ne aby jej nahradil. Návrh můžete vygenerovat ve Flowstepu a okamžitě ho převést do Figmy pomocí jednoduchého kopírování a vkládání, nebo jít opačným směrem a importovat rámeček z Figmy do Flowstepu. To znamená, že získáte rychlost generování designu s pomocí AI v kombinaci s přesnými nástroji pro spolupráci, na které se spoléháte ve Figmě.

<Note>
  Flowstep a Figma jsou doplňující se nástroje, ne konkurenti. Flowstep vám pomáhá rychle generovat a prozkoumávat nápady na UI design; Figma je místem, kde zvětvujete, spolupracujete a vytváříte práci připravenou pro produkci. Použití obou dohromady vám dává to nejlepší z obou.
</Note>

## Jak zkopírovat návrh z Flowstepu do Figmy

<Steps>
  <Step title="Vyberte jednu nebo více obrazovek ve Flowstepu">
    Klikněte na obrazovku a vyberte ji — nebo vyberte více obrazovek a zkopírujte je všechny najednou. Ujistěte se, že je výběr zvýrazněn na plátně.
  </Step>

  <Step title="Zkopírujte výběr">
    Stiskněte \*\*Cmd+\*\*⇧+**C** na Macu nebo \*\*Ctrl+\*\*⇧+**C** ve Windows. Flowstep zobrazuje „Příprava vašeho návrhu — zůstaňte na této kartě a udržujte obrazovku vybranou" během práce; kopírování bude hotovo za chvíli.
  </Step>

  <Step title="Vložte do souboru Figmy">
    Přepněte na Figmu a otevřete soubor, kam chcete umístit návrh. Stiskněte **Cmd+V** na Macu nebo **Ctrl+V** ve Windows a vložte. Obrazovky ze Flowstepu se zobrazí na plátně Figmy a budou připraveny k úpravě.
  </Step>
</Steps>

<Note>
  Kopírování do Figmy používá schránku prohlížeče, takže prohlížeč musí povolit přístup do schránky Flowstepu — pokud se zobrazí chyba oprávnění, povolte přístup do schránky v nastavení prohlížeče a zkuste to znovu. Přepínání karet během kopírování přerušuje přenos; udržujte kartu Flowstepu v ohnisku, dokud kopírování neskončí.
</Note>

<Tip>
  Vložte rámeček na vyhrazenou stránku „AI imports" v Figmě, abyste měli pracovní soubory organizované. Odtud můžete prvky přesouvat do svého hlavního designového systému nebo knihovny komponent vlastním tempem.
</Tip>

## Importujte návrh z Figmy

Můžete také jít opačným směrem a přinést rámeček z Figmy do Flowstepu jako editovatelné obrazovky. Import je dostupný všem — připojte svůj účet Figmy jednou a pak importujte z odkazu na rámeček.

<Steps>
  <Step title="Připojte Figmu">
    Připojte svůj účet Figmy do Flowstepu ze svého nastavení. Flowstep používá autorizaci Figmy ke čtení souborů, ke kterým máte přístup.
  </Step>

  <Step title="Zkopírujte odkaz na rámeček v Figmě">
    V Figmě klikněte na rámeček, který chcete, pravým tlačítkem a vyberte **Copy link to selection**. Můžete také zkopírovat odkaz na celou stránku a importovat všechny její rámečky na nejvyšší úrovni najednou.
  </Step>

  <Step title="Importujte do Flowstepu">
    Použijte možnost import Figmy v panelu nástrojů Flowstepu a vložte odkaz. Flowstep převede rámeček na editovatelné prvky na vaše plátno. Opětovný import stejného rámečku ho aktualizuje na místě.
  </Step>
</Steps>

### Co se importuje

Flowstep znovu vytváří rámeček z Figmy jako nativní, editovatelné prvky — ne jako plochý obrázek. Import přinese:

* Rámečky a jejich vnořené vrstvy
* Text včetně stylování pro každý znak, jako je váha, barva a tučné písmo
* Barvy z vašich proměnných Figmy
* Výplní obrázků a ikony SVG a tvary
* Vnitřní a vnější stíny, rozostření vrstvy a pozadí
* Přerušované a tečkované tahy

<Note>
  Organizace souboru musí mít připojenou Figmu. Pokud se rámeček neimportuje, Flowstep zobrazuje užitečnou zprávu, která vám řekne, co dělat dál — například znovu připojit Figmu, pokud vypršela vaše autorizace, počkat a zkusit znovu, pokud je Figma limitující nebo pomalá, nebo pro Community šablonu ji nejdřív duplikujte do svého týmu a vložte nový odkaz.
</Note>