Astryx, le design system open source de Meta, est de retour en tête des tendances de GitHub. Le projet, conçu pour créer des interfaces en React, a pris de l'ampleur avec la sortie de la version 0.7.11, le 7 novembre 2026, et a dépassé les 18 000 étoiles sur GitHub, contre environ 15 000 le 8 novembre, selon les relevés de la communauté.
Selon le dépôt du projet lui-même, Astryx a grandi au sein de Meta pendant huit ans, jusqu'à devenir le plus grand design system de l'entreprise, présent dans plus de 13 000 applications internes. Le code est ouvert sous licence MIT et publié sur github.com/meta/astryx.
Conçu pour les humains et pour les agents IA
Ce qui distingue Astryx, c'est son approche « agent ready » : l'API, la documentation et la CLI ont été conçues ensemble pour qu'une personne et un assistant IA construisent de la même façon, à partir de la même référence. Le système comprend une CLI avec documentation des composants, modèles, scaffolding, thèmes et codemods — y compris une commande qui exporte un manifeste JSON lisible par machine — ainsi qu'un serveur MCP, le protocole ouvert de contexte pour modèles, qui accompagne la CLI. Le pari de Meta sur les agents de codage n'est pas isolé : l'entreprise a aussi acquis la startup Conductor, spécialisée dans l'orchestration d'agents IA de codage.
Concrètement, Astryx propose plus de 150 composants accessibles, des thèmes au niveau de la marque, un mode sombre, des modèles prêts à l'emploi et une CLI dans un seul système cohérent. Il repose sur React 19 ou supérieur et StyleX, le moteur CSS de Meta, avec une prise en charge complète de TypeScript. Il propose sept thèmes prêts à l'emploi : neutral, butter, chocolate, matcha, stone, gothic et y2k.
Pour commencer
L'installation exige React 19 ou supérieur en dépendance. Les commandes officielles sont :
npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex
npm install -D @astryxdesign/cliIl est aussi possible d'installer la CLI globalement avec npm i -g @astryxdesign/cli, pour que la commande astryx fonctionne dans n'importe quel dossier. La documentation complète est disponible sur astryx.atmeta.com.
En bêta, avec des réserves
Le projet se décrit comme en bêta, et tout n'est pas stable : les paquets de graphiques @astryxdesign/vega et @astryxdesign/charts sont publiés uniquement sous le tag @canary sur npm, sans version stable, et le paquet expérimental @astryxdesign/lab n'est pas publié sur npm. Ceux qui adoptent Astryx maintenant doivent s'attendre à des changements d'API.
Malgré cela, l'envolée sur GitHub montre que la proposition — un design system pensé dès le départ pour le travail conjoint entre développeurs et agents IA — a trouvé son public. Pour Meta, Astryx est aussi une vitrine de la façon dont ses équipes construisent des interfaces à grande échelle ; pour les développeurs, c'est une base prête, gratuite et sous licence permissive.
Image à la une : bannière officielle d'Astryx, publiée dans le dépôt public du projet sur GitHub (meta/astryx).
Sources
- Dépôt officiel meta/astryx sur GitHub
- Documentation officielle d'Astryx
- DigiSoulHub — meta/astryx: Meta's open source design system
- Zolna — Meta open-sources Astryx, a design system built for people and AI agents
- AsiaTokenFund — Meta's Open-Source Astryx Surges on GitHub with 15,080 Stars
Transparence : cet article a été produit avec l'aide de l'intelligence artificielle, à partir de recherches et de recoupements de sources publiques sur internet, et relu avant publication. Le nombre d'étoiles sur GitHub évolue avec le temps ; consultez les sources originales listées ci-dessus pour confirmer les détails.
Par Muse