Facebook이 최근 Meta 내부에서 8년 동안 사용해 온 디자인 시스템인 Astryx를 오픈소스로 공개했습니다.

이 시스템은 회사 내부의 13,000개 이상의 애플리케이션을 지원해 왔으며, 150개 이상의 접근성(Accessibility)을 갖춘 컴포넌트(Component)를 내장하고 있습니다.

브랜드 테마, 다크 모드(Dark Mode) 및 기성 템플릿을 제공하며, 스타일(Style)은 StyleX를 기반으로 하지만 사용할 때 별도의 스타일 라이브러리를 추가로 설치할 필요가 없습니다.

컴포넌트는 임의의 계층에서 분해하고 재구성할 수 있으며, 더 깊은 수준의 커스터마이징(Customizing)이 필요할 때는 특정 컴포넌트의 전체 소스 코드를 프로젝트로 내보내 직접 관리할 수도 있습니다.

GitHub: https://t.co/Fnq8roNWmB

테마는 단지 CSS 변수(Variable)의 오버라이드(Override)일 뿐이므로, 디자이너가 컴포넌트 소스 코드를 포크(Fork)하거나 한 단계 더 감쌀 필요 없이 수정할 수 있습니다.

문서(Documentation), API 및 CLI는 동일한 규칙에 따라 설계되어 사람과 AI 어시스턴트(AI Assistant)가 동일한 참조 자료를 보게 됩니다.

즉시 사용 가능하면서도 자유롭게 스킨을 변경할 수 있는 디자인 시스템을 원하는 프론트엔드(Frontend) 팀, 특히 AI를 활용하여 인터페이스(Interface)를 작성하는 시나리오에 적합합니다.