1. Deschide Framer

Intră în proiectul tău sau creează unul nou. Asigură-te că ai canvas-ul pregătit și că ești logat pe contul unde vrei să apară designul.

2. Deschide Figma

Mergi la fișierul pe care vrei să-l muți. Ideal e să ai totul organizat în Auto Layout.

3. Click stanga oriunde pe canvas (nu pe design)

Se va deschide acest pop-up.

4. Apasa “Plugins”

5. Apasa “Manage plugins”

Se va deschide acest pop-up, de unde poti administa plugin-urile tale.

6. Scrie in bara de cautare fix asa: “Figma to HTML with Framer”

Apasa pe prima optiune.

7. Apasa “Run”

8. Dupa ce ai apasat, selecteaza design-ul pe care vrei sa il importi si apasa din nou “Plugins”

Selecteaza plugin-ul instalat.

8. Dupa ce termina de rulat, va aparea acest pop-up.

Copiaza design-ul in clipboard.

9. Da paste in Framer

De cele mai multe ori, designul va arăta identic, dar verifică si ajusteaza design-ul daca nu a fost totul importat corect (deoarece Framer foloseste o tehnlogie similara, dar putin diferita fata de Figma (cu Stack-uri, nu Layer-e).