Pour ajouter à vos calques Figma (autres que du texte) des images issues de votre tableur, collez des URL d’images commençant par http:// ou https:// (vous pouvez aussi utiliser une balise HTML <svg></svg> intégrée) : le plugin CopyDoc considère automatiquement qu’il s’agit d’images. Veillez aussi à donner à l’en-tête de votre colonne d’images le même nom que vos calques d’image Figma (par exemple #Poster).
| #Poster |
|---|
| https://i.redd.it/3fl2s0q1ug661.jpg |
| https://i.redd.it/3fl2s0q1ug661.jpg |
| https://i.redd.it/3fl2s0q1ug661.jpg |
Les fichiers vidéo sont aussi pris en charge avec les offres Figma payantes. D’après la documentation de Figma sur la prise en charge native des vidéos, si vous lancez CopyDoc dans un fichier Figma rattaché à une offre Figma payante (équipe Education, Professional, Organization ou Enterprise), vous pouvez aussi synchroniser des vidéos de la même manière que les images de l’exemple ci-dessus. Les fichiers vidéo peuvent peser jusqu’à 100 Mo et doivent être au format .mp4, .mov ou .webm.
Synchroniser des fichiers image locaux depuis votre ordinateur par import XLSX
Tutoriel vidéo : synchroniser un dossier d’images avec des calques Figma via un tableur
Cette vidéo montre comment synchroniser un dossier d’images avec des calques Figma à l’aide d’un tableur et du plugin CopyDoc.
Tutoriel vidéo : synchroniser des icônes SVG depuis un tableur vers vos calques Figma
Cette vidéo montre comment synchroniser des icônes SVG depuis un tableur vers vos calques Figma avec le plugin CopyDoc.
Si vous préférez utiliser des images déjà enregistrées sur votre ordinateur plutôt que des URL d’images en ligne, compressez vos images avec votre fichier XLSX dans une archive zip.
Si vous avez besoin d’aide, suivez nos tutoriels vidéo pas à pas (ci-dessus), qui montrent comment synchroniser un dossier d’images avec vos calques Figma via un tableur XLSX.
Encodage zip des fichiers image contenant des caractères spéciaux. Si vous compressez des fichiers image locaux dont le nom contient des caractères comme « æøå » (par exemple Læge.png), vérifiez que le fichier zip utilise le bon encodage : sinon, ces caractères seront automatiquement supprimés ou remplacés et ne correspondront plus aux noms de fichier de votre tableur. Sur Mac, un simple clic droit -> « Compress » devrait suffire ; sous Windows, l’application WinRAR devrait le faire correctement.
Taille maximale de 2 Go pour les fichiers zip locaux. En raison de la limite de mémoire de 2 Go (gigaoctets) par onglet du navigateur (à laquelle sont soumises l’application Figma comme la version navigateur), tout fichier .zip contenant des images locales que vous déposez dans CopyDoc pour synchroniser du contenu doit peser moins de 2 Go (gigaoctets) ; sinon, le contenu ne sera pas chargé, car la décompression du fichier dans le plugin dépasserait la limite de mémoire.
Répéter automatiquement un calque Figma selon les lignes de votre tableur
Avec les onglets de synchronisation Content ou Styles, vous pouvez répéter automatiquement un calque Figma en activant l’option Auto Repeat : le calque Figma sélectionné est copié et dupliqué autant de fois que votre tableur contient de lignes de données.
Vous pouvez ainsi transformer une carte, un article de catalogue ou une mise en page de campagne en un design rempli pour chaque ligne du tableur. Les calques de texte et d’image du design utilisent les colonnes correspondantes du tableur.
Si vous sélectionnez un composant principal, CopyDoc crée une instance pour chaque ligne. Si vous sélectionnez une instance existante, c’est cette instance qui est dupliquée ; si vous sélectionnez un frame, c’est le frame qui est dupliqué.
Si le calque Figma sélectionné se trouve déjà directement dans un autre calque Figma avec Auto Layout activé, il est automatiquement dupliqué dans ce calque parent ; sinon, CopyDoc crée un tout nouveau frame Auto Layout et y duplique vos nouveaux calques Figma.
Noms dynamiques des calques parents répétés automatiquement
Pour nommer chaque calque Figma dupliqué à partir de votre tableur, faites correspondre le nom du calque modèle sélectionné à un en-tête de colonne. CopyDoc utilise la valeur de cette colonne dans chaque ligne comme nouveau nom de calque.
Un seul # en début de nom est facultatif : un calque nommé #Title peut correspondre à une colonne Title, et un calque nommé Title à une colonne #Title. Si les deux en-têtes existent, la correspondance exacte l’emporte, même si sa valeur est vide. Les majuscules et les espaces doivent tout de même correspondre.
Si aucun nom de calque ne correspond dans votre tableur, le plugin CopyDoc reprend le nom d’origine du calque Figma et y ajoute un numéro de ligne (par exemple, My Frame Layer (Row 3)).