Meta uruchomiła Astryx, otwarty design system dostosowany zarówno dla zespołów człowieka, jak i dla agentów AI pracujących obok nich. System, teraz dostępny w wersji beta, jest wynikiem ośmioletniej ewolucji wewnątrz Meta i stał się największym oraz najczęściej używanym design systemem w firmie.
Astryx dostarcza ponad 150 dostępnych komponentów (dokumentacja wymienia 160+), kontrolę dostępu, tematy na poziomie marki, tryb ciemny, gotowe do użycia szablony i interfejs CLI. Zbudowany na React i StyleX, system pozwala importować wstępnie skonfigurowany CSS i używać zatypu komponentów React bez potrzeby wtyczek buildowania czy dodatkowych bibliotek stylizacji. Kluczowa innowacja polega na rozdzieleniu odpowiedzialności: system kontroluje zachowanie, dostępność i jakość, a tematy decydują o wyglądu. Deweloperzy mogą dostosować tokens na poziomie zmiennych (kolor, typografia, promień, animacja), dzięki czemu aplikacja zyskuje unikatowy wygląd bez konieczności przepisywania kodu.
Astryx rozwiązuje tradycyjny dylemat w branży. Przyjęcie gotowego design systemu dużej korporacji zwykle skutkuje tym, że aplikacja wygląda jak produkt kogoś innego. Z kolei kopiowanie-wklejanie komponentów prowadzi do rozproszenia kodu, braku wspólnych poprawek upstream i ukrytych problemów z dostępnością. Nowy system Meta pozwala na spersonalizację na poziomie CSS custom properties, umożliwiając designerom zmianę tematyki bez forkowaniu czy opakowywania komponentów.