메타가 내부에서 사용해 온 디자인 시스템 Astryx를 오픈소스로 공개했습니다. Astryx는 지난 8년 동안 메타 내부에서 발전해 왔으며, 현재 1만 3천 개 이상의 사내 애플리케이션에 사용되고 있습니다. 이번 공개는 베타 버전으로 진행되며 누구나 사용할 수 있습니다.
Astryx는 React와 StyleX를 기반으로 제작됐습니다. 150개 이상의 접근성을 지원하는 UI 컴포넌트와 다크 모드, 디자인 토큰, 브랜드 테마, 페이지 템플릿, CLI를 함께 제공합니다. 기존 디자인 시스템처럼 특정 브랜드 스타일을 강제하지 않고, 색상과 타이포그래피, 모션, 모서리 반경 등 토큰만 변경하면 자체 브랜드에 맞게 적용할 수 있도록 설계됐습니다.
가장 큰 특징은 AI를 고려해 설계됐다는 점입니다. 메타는 기존 디자인 시스템이 사람 중심으로 만들어졌다면 Astryx는 AI 에이전트도 이해하고 활용할 수 있도록 처음부터 구조를 설계했다고 설명했습니다. CLI와 MCP(Model Context Protocol) 서버를 제공해 AI 코딩 도구가 컴포넌트 구조와 옵션을 직접 읽고 UI를 생성하거나 수정할 수 있습니다. 사람이 문서를 찾는 과정 없이 AI가 디자인 시스템을 그대로 활용하는 것을 목표로 합니다.
이번 공개는 AI 시대의 디자인 시스템 방향에도 영향을 줄 가능성이 있습니다. 최근 여러 기업이 디자인 시스템에 MCP나 AI 연동 기능을 추가하고 있지만, 대부분 기존 시스템을 확장하는 방식이었습니다. 반면 Astryx는 처음부터 AI 활용을 전제로 설계됐다는 점에서 차이가 있습니다. 앞으로 AI를 활용한 프로덕트 제작 과정에서는 디자인 시스템이 단순한 UI 라이브러리를 넘어 AI가 이해하는 제품 규칙 역할까지 담당하는 사례가 늘어날 것으로 보입니다.
더 보기 및 출처
