Skip to main content
Screenshot 2026 05 06 At 14 19 04
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ě.
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.

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

1

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ě.
2

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

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ě.
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čí.
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.

​
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.
1

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

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

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

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