Par exemple, si vous avez nommé les en-têtes de votre tableur #Title ou #Description, nommez aussi vos calques de texte #Title ou #Description : ils seront ainsi associés lorsque vous synchroniserez le tableur dans le plugin.
Associer des lignes précises à des calques Figma
Pour synchroniser une ligne précise du tableur avec un calque Frame parent, ajoutez au nom du calque un point (.) suivi du numéro de la ligne voulue. Par exemple, si vous renommez un calque de frame parent #My Frame en #My Frame.3, la synchronisation utilisera les données de la 3e ligne de votre tableur lorsque vous sélectionnez ce frame et fournissez le tableur. Par défaut, la synchronisation d’un seul frame ou calque utilise la première ligne.
Vous pouvez aussi changer la ligne utilisée pour des calques de texte enfants individuels à l’intérieur du frame parent, avec la même convention de nommage. Par exemple, si vous renommez un calque de texte imbriqué #Heading en #Heading.5, ce calque récupère les données de la 5e ligne du tableur, même si le frame parent est réglé sur #My Frame.3 (qui utilise la 3e ligne pour les autres données synchronisées).
Cette convention de nommage facultative vous permet de contrôler précisément quelle ligne du tableur remplit chaque calque lors de la synchronisation.
Associer des lignes aléatoires à des calques Figma. Pour qu’un calque Figma se synchronise avec la valeur d’une ligne aléatoire, ajoutez .x à la fin du nom du calque Figma, juste après le nom de l’en-tête. Par exemple, #Title.x récupère toujours une ligne aléatoire de la colonne #Title de votre tableur.
Calques d’image Figma
Si vous utilisez le tableur pour mettre à jour des images, vous pouvez aussi renommer vos calques d’image Figma avec le nom de l’en-tête du tableur (par exemple #Poster) dont les lignes contiennent des URL d’images : vos calques Figma seront automatiquement remplacés par les images lors de la synchronisation du tableur.
Mettre à jour le nom des calques Figma (autres que du texte)
Pour renommer des calques Figma autres que du texte, utilisez le nom du calque (par exemple My Frame) comme nom d’en-tête de colonne, puis ajoutez les nouveaux noms dans les lignes en dessous : tous les calques Figma portant ce nom seront automatiquement renommés lors de la synchronisation du tableur.
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)).