Design Figma in Sito Web reale su Framer

Importa il file da Figma a Framer

Con il plugin Figma installato, puoi facilmente copiare i livelli da Figma a Framer. Tutto ciò che devi fare è copiare i livelli che desideri portare in Figma e incollarli sul canvas di Framer.

Come copiare gli elementi su Figma?

1. Installare il plugin Figma to HTML with Framer

2. In Figma, seleziona ciò che desideri copiare

3. Vai al menu Figma → Plugin → Figma to HTML with Framer

4. In Framer, apri un progetto nuovo o esistente

5. Incolla sul canvas

6. Puoi eseguire nuovamente l'ultimo plugin premendo ⌥⌘P.

Linee Guida Migliori

Consigli per un'esperienza di importazione più fluida.

Porta Solo ciò di cui hai Bisogno: Lascia alle spalle le tue iterazioni grezze e concentrati su ciò che desideri pubblicare.

Più Piccolo è Meglio: Cerca di importare solo le parti di cui hai bisogno e assemblale in Framer se possibile.

Sostituzione dei Caratteri

Purtroppo Framer non può importare caratteri da Figma, quindi qualsiasi carattere non standard verrà sostituito con uno predefinito. Puoi facilmente sostituire questi caratteri in batch con un carattere Google o personalizzato.

Una panoramica delle funzionalità di Figma che Framer non supporta:

• Arrotondamento degli angoli

• Bordi delle immagini

• Rientro dei paragrafi

• Funzioni numeriche del testo

• Funzioni OpenType

• Funzioni interattive

• Componenti e Librerie

Spesso ci chiedono perché non estendiamo il nostro importatore per convertire intere librerie. Sebbene sembri un'idea allettante, abbiamo deciso di non farlo per due motivi:

I componenti creati per una tela statica funzionano in modo diverso rispetto ai componenti che devi distribuire in un sito di produzione. L'aspettativa sarebbe quella di farlo "funzionare" e ciò sarebbe impossibile.

Le opzioni dei componenti di Figma non si sovrappongono davvero abbastanza a come funziona Framer, quindi potremmo ottenere risultati al 80% giusti.