Ce design system a commencé comme beaucoup d'autres : par un fichier téléchargé sur Figma Community. Ce n'est pas un défaut en soi, et surtout, ça ne se voit pas. Tant que l'équipe travaille à la main, chacun compense sans y penser les bizarreries du fichier. Le jour où une IA le lit pour générer un écran, ça se voit tout de suite.
Un composant, cinq axes, 160 variantes
Le composant sur lequel je travaille en ce moment est un ChoiceCardGroup, une liste de cartes sélectionnables. Il compte 160 variantes.
Personne dans l'équipe ne l'a construit comme ça, et c'est logique : une librairie Community est faite pour convenir à tout le monde. Elle couvre donc tous les cas de figure et empile les axes. Celui-ci en porte cinq (Selected, Size, Type, State, Breakpoint), et chaque axe multiplie tous les autres. Pendant ce temps, le fichier n'a plus bougé depuis des années, alors que le produit, lui, a bougé.
Ce que ça coûte au moment de générer
Les noms de variantes décrivent une géométrie. Size=md ou State=Hover ne disent rien du moment où il faut les choisir. L'agent sélectionne donc par ressemblance de mots avec la demande. Sur un état de survol, l'erreur n'a aucune conséquence. Sur le reste, si.
Le vrai problème était ailleurs : l'axe Type mélangeait deux questions qui n'ont rien à voir. Comment on choisit (radio pour une seule réponse, checkbox pour plusieurs), et ce qu'on affiche dans la carte (icône, avatar, illustration). Résultat : une sélection multiple avec des avatars devenait tout simplement inexprimable dans le système.
Face à une combinaison inexprimable, l'agent ne s'arrête pas pour poser la question. Il détache l'instance et refait la carte à la main. C'est comme ça qu'un design system se fait contourner sans que personne le voie passer : pas par rejet, par accumulation silencieuse d'exceptions.
La V2 : la complexité change de nature
La V2 tient en 4 variantes, l'orientation et la taille. La carte est devenue un composant à part entière, qui porte ses propres états, et le groupe reçoit autant de cartes que nécessaire.
La complexité n'a pas disparu, elle a changé de nature. Elle est passée d'axes de variantes, que l'agent doit deviner dans une liste de noms, à des properties d'instance, qu'il renseigne. C'est toute la différence entre un système qu'une IA subit et un système qu'elle peut utiliser.