Échanger des styles de texte
Il s'agit d'un plugin Figma privé pour tester comment l'utilisation de différentes familles de polices apparaîtrait dans une conception donnée. Il utilise des styles de texte locaux pour identifier la famille des polices et le style avec qui échanger. Il est ouvert à quiconque de dupliquer cela et de le tester sur ses fichiers.
Comment utiliser
Ce plugin s'appuie sur les styles de texte pour l'échange. Pour commencer:
- Créez les styles de texte pour chaque famille de polices que vous souhaitez explorer. Assurez-vous d'avoir une hiérarchie (en tête 1, en tête 2, etc.)
- Créer un design en utilisant l'un des styles de texte
- Configurez votre environnement pour exécuter les plugins Figma (voir la documentation de Figma)
- Remplacez les domaines suivants du code par vos besoins:
- Ajoutez les familles et les styles de police sur les lignes 16-74 dans Code.ts.
- Ajoutez les ID de style sur les lignes 93-271 dans Code.ts. Vous pouvez les trouver dans le fichier en ouvrant la console sur Figma et en exécutant figma.getLocalTextStyles (), puis en vérifiant l'ID pour chaque nœud.
- Ajustez les styles sur les lignes 291-353 sur code.ts.
- Ajuste les langues sur les lignes 5-13 dans ui.html.
- Sélectionnez le (s) cadre (s) et exécutez le plugin!
Démo
Pour mon fichier, j'ai 9 polices allant de la tête 1 au petit corps. Cet exemple montre un retournement de Noto Sans à Tahoma.
