Appliquer des variables aux designs
🚧Les variables sont actuellement en bêta ouverte. Nous continuerons à ajouter davantage de fonctionnalités et à affiner l'expérience durant ce délai. Découvrez les nouveautés à venir→
Avant de commencer
Qui peut utiliser cette fonctionnalité
Les utilisateurs de tous les forfaits peuvent utiliser les variables
Toutes les personnes ayant accès à un fichier peuvent utiliser les variables de ce fichier
Vous découvrez les variables? Consultez notre guide des variables →
Appliquer des variables aux propriétés des calques
Appliquez des variables aux calques en utilisant différentes sections de propriétés dans la barre latérale de droite. Vous pouvez appliquer des variables à différentes propriétés, en fonction de ce qui est pris en charge par ce type de variable.
Vous pouvez utiliser la variable de votre choix parmi les variables locales de votre fichier, ou les variables de n'importe quelle bibliothèque d'équipe publiée à laquelle vous avez accès.
Appliquer une variable de couleur
Pour appliquer une variable de couleur à un objet sélectionné :
- Ouvrez le sélecteur de styles :
- Pour remplir ou tracer : cliquez sur la nuance de couleur dans la section Fill ou Stroke de la barre latérale de droite
- Pour les effets : cliquez sur les paramètres d'effet d'un effet Inner shadow ou Drop shadow, puis cliquez sur la nuance de couleur
- Dans le sélecteur de style, choisissez une variable :
- Les variables de couleur s'affichent sous forme de carrés tandis que les styles de couleur sont représentés par des cercles
- Utilisez la barre de recherche pour rechercher une variable par nom ou ouvrez la liste déroulante pour filtrer par bibliothèque
- Le sélecteur de style peut être affiché sous forme de liste ou de grille
Pour appliquer plusieurs variables de couleur à un objet sélectionné :
- Cliquez sur l'icĂ´ne Plus de la section Fill ou Stroke pour ajouter un autre remplissage.
- Sélectionnez une boîte de remplissage pour ouvrir le sélecteur de couleur.
- SĂ©lectionnez l'onglet Librairies et choisissez une variable de couleur.
Vous pouvez également appliquer des variables de couleur dans une sélection mixte.
Appliquer une variable de nombre
Pour appliquer une variable de nombre à un objet sélectionné, passez le curseur de la souris sur le champ de propriété et effectuez l'une des actions suivantes :
Propriété | Méthode |
|
Effectuez l'une des actions suivantes :
|
|
Effectuez l'une des actions suivantes :
|
|
Effectuez l'une des actions suivantes :
|
Dans le sélecteur de la bibliothèque, sélectionnez une variable. Les variables de nombre sont indiquées par une icône de nombre.
Remarque : l'opacité du calque a une valeur maximale de 100. Si vous appliquez une variable de nombre avec une valeur supérieure à 100, la valeur de l'opacité du calque sera automatiquement limitée à 100.
Appliquer une variable de nombre ou de chaîne à un calque de texte
Pour appliquer une variable de chaîne à un calque de texte sélectionné :
- Dans la section Texte de la barre latérale de droite, cliquez sur Appliquer la variable.
- Choisissez entre une variable de nombre ou une variable de chaîne .
Appliquer une variable booléenne ou une variable de chaîne à la visibilité du calque
Les variables suivantes peuvent être appliquées à la visibilité du calque :
- Variables booléennes
- Variables de chaîne avec une valeur
true
oufalse
Si la valeur de la variable est true
, le calque sera visible. Si la valeur de la variable est false
, le calque ne sera pas visible.
Pour appliquer une variable à la visibilité du calque :
- Dans la section Calque de la barre latérale de droite, faites un clic droit sur l'icône Visible / Caché .
- Choisissez une variable dans le sélecteur. Les variables booléennes sont indiquées par une icône d'activation ou de désactivation .
Appliquer des variables aux différentes instances
Les variables booléennes, de nombre et de chaîne peuvent être appliquées aux instances avec différentes propriétés.
Découvrez comment créer des modes de variables pour différentes instances →
DĂ©tacher les variables
Pour détacher une variable d'un calque, sélectionnez le calque avec la variable appliquée et effectuez l'une des actions suivantes.
- Pour les variables de couleur, de chaîne et booléennes, passez le curseur de la souris sur la variable dans la section de la barre latérale de droite correspondante et cliquez sur l'icône Détacher la variable
- Pour les variables de nombre, cliquez dans le champ des propriétés et appuyez deux fois sur Supprimer / Espace.
Remarque : si vous utilisez les contrôles intégrés au plan de travail pour modifier le remplissage d'un cadre de la disposition automatique ou l'écart entre les éléments, cela détachera toutes les variables de nombre appliquées.
Coller les variables non publiées des fichiers
Si vous collez un objet avec une variable non publiée dans un fichier différent, la variable est copiée ou fusionnée avec une variable existante, puis utilisée par l'objet collé. Cela est utile notamment lorsque vous créez un prototype avec des variables et que vous souhaitez continuer à modifier les variables.
L'action appliquée à la variable dépend de la configuration des variables et des collections dans le fichier de destination :
-
S'il n'existe pas de collection de variables avec un nom identique à la collection non publiée, alors une nouvelle collection est créée avec la variable copiée.
-
La variable est également copiée s'il existe une collection de variables de même nom, mais pas une variable du même type et du même nom.
-
Si une collection de variables correspondante contient une variable correspondante, alors l'objet collé est remappé pour utiliser la variable dans le fichier de destination. Gardez à l'esprit que les valeurs présentes entre les valeurs n'ont pas besoin de correspondre, il est donc possible que les propriétés de l'objet collé changent.
Remarque : si l'objet copié est un composant publié et que le fichier de destination y a accès, alors la variable sera remappée sur l'originale.
Prêt à poursuivre votre découverte des variables ? Consultez les sujets suivants :