Tutoriel vidéo : synchroniser le contenu d’un tableur Excel XLSX avec Figma
Cette vidéo montre comment synchroniser le contenu d’un tableur Excel avec vos designs Figma à l’aide du plugin CopyDoc.
Tutoriel vidéo : synchroniser le contenu d’un tableur CSV avec Figma
Cette vidéo montre comment synchroniser le contenu d’un tableur CSV avec vos designs Figma à l’aide du plugin CopyDoc.
Tutoriel vidéo : répéter et synchroniser automatiquement des calques Figma depuis un tableur
Cette vidéo montre comment répéter et synchroniser automatiquement des calques Figma depuis un tableur à l’aide du plugin CopyDoc.
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.
Synchroniser le contenu de votre fichier CSV ou XLSX avec vos calques Figma
Pour prévisualiser le contenu de votre tableur, faites glisser votre fichier .csv ou .xlsx correctement structuré dans la zone de dépôt Sync XLSX/CSV File, ou cliquez sur cette zone et sélectionnez le fichier manuellement en le recherchant sur votre ordinateur.
Sélectionnez dans Figma au moins un calque contenant des calques renommés selon les en-têtes de votre tableur, puis cliquez sur le bouton Sync Rows with Layers (Sync & Repeat Selected Layer lorsque Auto Repeat est activé). Le contenu de votre tableur est alors synchronisé avec les calques Figma renommés que vous avez sélectionnés.
Les calques de texte Figma dont une police est manquante ne peuvent pas être mis à jour. Si votre calque de texte Figma contient une police manquante, le plugin ne pourra pas le mettre à jour. Veillez à résoudre les polices manquantes de tous les calques de texte que vous souhaitez modifier d’une manière ou d’une autre avec le plugin CopyDoc.
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)).