Specify

Specify comble le fossé entre design et développement en analysant les styles Figma pour les transformer en tokens JSON structurés. Il prend en charge des types de données complexes, notamment les couleurs, la typographie, l'espacement et les ombres. En automatisant le processus de conversion, il garantit que les développeurs travaillent toujours avec les dernières mises à jour du système de design, évitant le 'décalage' qui survient lorsque les designers mettent à jour Figma alors que les développeurs conservent des valeurs codées en dur obsolètes.

Le moteur prend en charge un large éventail de formats de sortie, notamment les variables CSS, SCSS, Style Dictionary, la configuration Tailwind et les formats natifs Android/iOS. Cela permet à une source de design unique d'alimenter un écosystème multi-plateforme. En utilisant un pipeline unifié, les équipes s'assurent qu'une mise à jour de la couleur de marque principale dans Figma est correctement traduite en code hexadécimal pour le web et en référence de ressource pour le mobile simultanément.

Specify s'intègre directement à GitHub, GitLab et Bitbucket pour ouvrir des pull requests automatisées dès que les design tokens changent. Ce flux de travail permet aux développeurs de réviser les changements de design sous forme de diffs de code avant la fusion. Il transforme les mises à jour de design en contributions de code standard, maintenant une piste d'audit claire et garantissant que les changements du système de design suivent les mêmes portes de qualité CI/CD que la logique applicative.

Specify fournit un tableau de bord centralisé pour gérer, versionner et documenter les design tokens. Il agit comme une source de vérité unique, empêchant la duplication des variables de design à travers différents dépôts. Les équipes peuvent définir des conventions de nommage et des hiérarchies, garantissant que les tokens restent cohérents et évolutifs à mesure que le système de design passe d'un produit unique à une architecture multi-marque et multi-plateforme.

Les utilisateurs peuvent définir des règles de transformation personnalisées pour modifier les données des tokens pendant le processus de synchronisation. C'est essentiel pour les équipes ayant des exigences de nommage spécifiques ou des besoins architecturaux uniques. En utilisant des analyseurs et des formateurs personnalisés, les développeurs peuvent transformer les données brutes Figma dans la structure exacte requise par leur framework de système de design, offrant une flexibilité maximale sans sacrifier les avantages de l'automatisation.