Google Labs open source Stitch design format DESIGN.md

robot
Création du résumé en cours

ME News, le 22 avril (UTC+8), selon le monitoring de Dongcha Beating, Google Labs a publié un projet de norme pour le format DESIGN.md utilisé en interne pour l’outil de conception IA Stitch. Il s’agit d’un format de fichier permettant à un agent IA de comprendre un système de conception, qui était auparavant utilisé uniquement en interne dans Stitch. Après ouverture, il pourra être réutilisé dans d’autres outils pour appliquer les mêmes règles de conception.
Un fichier DESIGN.md comporte deux niveaux : en haut, un préambule YAML décrivant les tokens de conception, lisible par machine, avec des champs couvrant les couleurs (valeurs hex), les polices (incluant fontFamily, fontSize, fontWeight, lineHeight, etc.), les espacements, les coins arrondis et les composants ; en dessous, le corps en Markdown présentant dans l’ordre Overview, Colors, Typography, Layout, Elevation & Depth, Shapes, Components, Do’s and Don’ts, les raisons de conception, pour que ce soit lisible.
Les propriétés des composants référencent les tokens via une syntaxe comme {colors.primary}.
Un outil CLI associé offre des fonctions de lint (avec 7 règles et vérification de contraste WCAG), diff (comparaison de deux versions), export (export en formats Tailwind ou DTCG) et spec (génération de document de spécification).
Le système de tokens s’inspire du module W3C Design Tokens Format.
La version actuelle est alpha 0.1.0, sous licence Apache-2.0, maintenue par 5 contributeurs dont davideast.
Les utilisateurs peuvent générer leur propre DESIGN.md sur stitch.withgoogle.com ou soumettre des modifications via le dépôt GitHub google-labs-code/design.md.
Pour un agent de programmation IA, cela revient à un contrat de conception vérifiable par machine : l’agent n’a plus besoin de deviner l’usage d’une couleur ou la logique de disposition d’un composant, mais peut vérifier ses choix en se référant aux tokens, et utiliser les règles WCAG pour auto-vérifier l’accessibilité des couleurs.
(Origine : BlockBeats)

Voir l'original
Cette page peut inclure du contenu de tiers fourni à des fins d'information uniquement. Gate ne garantit ni l'exactitude ni la validité de ces contenus, n’endosse pas les opinions exprimées, et ne fournit aucun conseil financier ou professionnel à travers ces informations. Voir la section Avertissement pour plus de détails.
  • Récompense
  • Commentaire
  • Reposter
  • Partager
Commentaire
Ajouter un commentaire
Ajouter un commentaire
Aucun commentaire
  • Épingler