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

# Mută designuri între Flowstep și Figma

> Copiază orice cadru Flowstep în Figma cu copy-and-paste, sau importă cadre Figma în Flowstep sub formă de ecrane editabile. Lucrează în ambele instrumente fără să comuti.

<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 este construit pentru a se integra în fluxul de lucru pe care îl folosești deja — nu pentru a-l înlocui. Poți genera un design în Flowstep și să-l aduci imediat în Figma folosind o simplă copiere și lipire, sau invers și importă un cadru din Figma în Flowstep. Asta înseamnă că obții viteza generării de design asistată de AI combinată cu caracteristicile de precizie și colaborare pe care te bazezi în Figma.

<Note>
  Flowstep și Figma sunt instrumente complementare, nu concurente. Flowstep te ajută să generezi și să explorezi rapid idei de design UI; Figma este locul unde rafinezi, colaborezi și construiești lucrări gata pentru producție. Folosirea ambelor împreună îți dă ce e mai bun din fiecare.
</Note>

## Cum să copiezi un design Flowstep în Figma

<Steps>
  <Step title="Selectează uno sau mai multe ecrane în Flowstep">
    Fă clic pe un ecran pentru a-l selecta — sau selectează mai multe ecrane pentru a le copia pe toate dintr-o dată. Asigură-te că selecția este evidențiată pe canvas.
  </Step>

  <Step title="Copiază selecția">
    Apasă \*\*Cmd+\*\*⇧+**C** pe Mac sau \*\*Ctrl+\*\*⇧+**C** pe Windows. Flowstep afișează "Preparing your design — stay on this tab and keep the screen selected" în timp ce lucrează; copia se finalizează într-un moment.
  </Step>

  <Step title="Lipește în fișierul tău Figma">
    Comută în Figma și deschide fișierul unde vrei să plasezi designul. Apasă **Cmd+V** pe Mac sau **Ctrl+V** pe Windows pentru a lipi. Ecranele Flowstep apar pe canvas-ul tău Figma, gata de editare.
  </Step>
</Steps>

<Note>
  Copiarea în Figma folosește clipboard-ul browserului tău, deci browserul trebuie să permită accesul Flowstep la clipboard — dacă vezi o eroare de permisiune, permite accesul la clipboard în setările browserului și încearcă din nou. Comutarea tab-urilor pe parcursul copierii întrerupe transferul; ține tab-ul Flowstep focusat până când copia se finalizează.
</Note>

<Tip>
  Lipește cadrul pe o pagină dedicată "AI imports" în Figma pentru a-ți menține fișierele de lucru organizate. De acolo, poți muta elemente în sistemul tău de design sau biblioteca de componente în propriul tău ritm.
</Tip>

## Importă un design din Figma

Poți merge și în altă direcție și aduce un cadru din Figma în Flowstep sub formă de ecrane editabile. Importarea este disponibilă pentru toți — conectează-ți contul Figma o dată, apoi importă dintr-un link de cadru.

<Steps>
  <Step title="Conectează Figma">
    Conectează-ți contul Figma la Flowstep din setările tale. Flowstep folosește autorizarea Figma pentru a citi fișierele la care ai acces.
  </Step>

  <Step title="Copiază un link de cadru în Figma">
    În Figma, fă clic dreapta pe cadrul pe care vrei și alege **Copy link to selection**. Poți, de asemenea, copia un link către o pagină întreagă pentru a importa toate cadrele sale de nivel superior dintr-o dată.
  </Step>

  <Step title="Importă în Flowstep">
    Folosește opțiunea de import Figma din bara de instrumente Flowstep și lipește link-ul. Flowstep convertește cadrul în elemente editabile pe canvas-ul tău. Re-importarea aceluiași cadru îl actualizează la loc.
  </Step>
</Steps>

### Ce se importă

Flowstep recreează un cadru din Figma ca elemente native, editabile — nu ca o imagine plată. O importare aduce:

* Cadre și straturile lor imbricate
* Text, inclusiv stilizare per caracter cum ar fi grosime, culoare și bold
* Culori din variabilele tale Figma
* Umpleri cu imagini și icoane SVG și forme
* Umbre DropShadow și inner, și estompare de strat și de fundal
* Linii punctate și cu puncte

<Note>
  Organizația fișierului trebuie să aibă Figma conectată. Dacă un cadru nu se importă, Flowstep afișează un mesaj care-ți spune ce să faci mai departe — de exemplu, reconectează Figma dacă autorizarea ta a expirat, așteaptă și încearcă din nou dacă Figma limitează viteza sau este lentă, sau, pentru un șablon Community, duplică-l mai întâi în echipa ta și lipește link-ul nou.
</Note>