추천astryx: 메타 8년 내공, AI 에이전트와 함께 쓰는 디자인 시스템

메타 내부에서 8년간 13,000개 이상의 앱에 적용되며 검증된 오픈소스 디자인 시스템이다. React 19와 StyleX 기반의 150개 이상 접근성 컴포넌트를 제공하며, 브랜드 테마 설정과 다크 모드, 즉시 사용 가능한 템플릿을 하나의 체계로 묶어 제공한다.

기존 디자인 시스템과 다른 점은 AI 에이전트가 개발자와 동일한 도구와 문서를 활용해 코드를 작성하도록 설계했다는 것이다. API, 문서, CLI가 일관된 규칙을 따르므로 AI가 컴포넌트 동작을 예측하기 쉽고, 개발자는 별도의 스타일링 라이브러리나 빌드 플러그인 없이 기존 CSS나 Tailwind로 자유롭게 커스터마이징할 수 있다.

컴포넌트 내부 구조가 개방되어 있어 필요 시 소스를 직접 추출해 소유할 수 있으며, CSS 커스텀 프로퍼티 오버라이드로 포크 없이 브랜드 아이덴티티를 반영할 수 있다. 7가지 프리메이드 테마와 함께 제공되어 디자인 팀이 빠르게 프로토타입을 구축하거나 기존 프로젝트에 통합하는 데 적합하다.