Meta abrió Astryx, su sistema de diseño React, y lo publicó como código abierto el 21 de septiembre. Ocho años usándolo internamente, más de 150 componentes accesibles, y un detalle que lo separa de los sistemas de diseño de siempre: trae CLI propia y endpoint MCP para que un agente de IA lo use como herramienta.
Qué es Astryx
Un sistema de diseño basado en React 19 y StyleX, con tokens de diseño en CSS que desacoplan el comportamiento de la estética. Traducción práctica: cambias los tokens y el tema cambia entero, sin reescribir los componentes.
Tres piezas que lo distinguen:
- Más de 150 componentes accesibles, construidos y probados internamente.
- Tokens de diseño CSS personalizables — el comportamiento no está atado a cómo se ve.
- Un comando
swizzlepara extraer el código fuente de un componente y modificarlo sin esperar a que el sistema lo soporte.
Y el detalle que lo separa de los sistemas de diseño que salieron este año: soporte para agentes de IA como ciudadanos de primera clase — el CLI y un endpoint MCP pensados para que un agente genere y modifique interfaz.
La recepción no fue toda buena
Conviene saberlo antes de casarte con la herramienta: en Reddit las críticas fueron sobre gobernanza y mantenimiento a largo plazo. Es un proyecto que Meta sostuvo ocho años internamente y ahora abre — la pregunta que se está haciendo la comunidad es qué garantías hay de que siga vivo cuando deje de interesarle a Meta.
No es un argumento para no usarlo. Es un argumento para no construir encima sin revisar la madurez y tener un plan de salida, como con cualquier sistema de diseño.
Ya hay ports en camino para Svelte 5 y Flutter
El proyecto nació para React, pero los ports ya están en desarrollo para otros frameworks — Svelte 5 y Flutter entre ellos. Si tu stack no es React, es cuestión de tiempo para que llegue.
Si vas a usarlo y no solo a enterarte: en el otro sitio está la guía — cómo empezar con Astryx, con la instalación, los tokens y las trampas.
Más de programación en 7c: instalar el cliente FTP en Sublime Text y un ejemplo de la función main y cout en C.
Fuente: el anuncio de Astryx en Ecosistema DEV, con el detalle de las 150+ componentes, los tokens y el soporte para agentes.