
Moteur d'automatisation tokens
Freemium

Specify est un pipeline de design tokens qui automatise la synchronisation des décisions de design tout au long du cycle de vie du développement produit. Contrairement aux transferts manuels traditionnels, Specify agit comme une source de vérité unique, extrayant les tokens de Figma pour les distribuer automatiquement sous forme de code spécifique à chaque plateforme (CSS, SCSS, Tailwind, Android, iOS) vers vos dépôts. En traitant le design comme une donnée, il élimine les mises à jour manuelles, réduit les erreurs humaines d'implémentation et garantit que les changements du système de design se propagent instantanément dans toutes les bases de code via des pull requests automatisées.
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.
Une entreprise avec des applications web, iOS et Android utilise Specify pour garantir que les couleurs de marque et la typographie sont identiques sur toutes les plateformes. Lorsque l'équipe de design met à jour un token d'espacement dans Figma, Specify pousse le changement vers les trois bases de code, assurant une parité visuelle sans intervention manuelle du développeur.
Les équipes de systèmes de design utilisent Specify pour éliminer le travail manuel de mise à jour des variables CSS. En automatisant le pipeline, elles réduisent le temps consacré aux transferts design-vers-code jusqu'à 80 %, permettant aux développeurs de se concentrer sur le développement de fonctionnalités plutôt que sur la mise à jour des constantes de style.
Les agences gérant plusieurs marques clientes utilisent Specify pour maintenir des ensembles de tokens distincts pour chaque marque. Elles peuvent basculer entre les configurations de marque dans le CLI, garantissant que les bons design tokens sont injectés dans le processus de build pour chaque projet client spécifique.
Ils doivent maintenir des systèmes de design évolutifs et cohérents sur de grandes bases de code. Specify automatise la tâche fastidieuse de distribution des tokens, leur permettant de se concentrer sur l'architecture plutôt que sur les mises à jour manuelles de style.
Ils peinent à maintenir les variables CSS/Tailwind synchronisées avec Figma. Specify leur fournit une source de vérité fiable et automatisée qui s'intègre directement dans leur flux de travail basé sur Git.
Ils souhaitent que leur vision du design soit implémentée avec précision sans allers-retours constants avec l'ingénierie. Specify garantit que leurs design tokens sont correctement traduits en code à chaque fois.
Niveau gratuit pour les individus/petites équipes. Le plan Pro commence à 15 $/utilisateur/mois pour des fonctionnalités avancées et des projets plus importants. Tarification entreprise disponible.