Astryx

완전히 커스터마이즈 가능하며 현재 우리가 일하는 방식, 즉 사람과 그들과 함께 일하는 에이전트를 위해 만들어진 오픈 소스 디자인 시스템입니다.

현재 베타 · React 및 StyleX 기반 구축

개요

Astryx는 지난 8년 동안 Meta 내부에서 성장한 오픈 소스 디자인 시스템으로, 회사에서 가장 많이 사용되고 규모가 큰 디자인 시스템이 되었으며, 매일 의존하는 엔지니어, 디자이너, 제품팀에 의해 형성되었습니다. 현재 13,000개 이상의 앱에 사용되고 있습니다.

150개 이상의 접근 가능한 컴포넌트, 브랜드 수준의 테마, 다크 모드, 바로 사용할 수 있는 템플릿과 CLI를 하나의 통합 시스템으로 제공합니다. 사전 구축된 CSS를 가져오고 타입이 지정된 React 컴포넌트를 사용하면 되며, 빌드 플러그인이나 스타일링 라이브러리를 채택할 필요가 없습니다. 사람과 AI 어시스턴트 모두 동일한 도구로 작업할 수 있습니다.

Astryx의 차별점:

• 오픈 내부 구조. 컴포넌트는 상위 API에만 의존하지 않고 모든 수준에서 조합할 수 있도록 구축됩니다. 접근하고 싶은 빌딩 블록은 직접 내보내지며, 더 깊이 들어가야 할 경우 swizzle을 사용해 컴포넌트의 전체 소스를 프로젝트에 가져와 소유할 수 있습니다.
• 스타일 고정 없음. Astryx는 StyleX로 스타일을 작성하지만, 사용자에게는 표시되지 않습니다. Tailwind, CSS 모듈 또는 일반 CSS 등 기존 프로젝트에서 사용하는 방식으로 className을 사용해 덮어쓸 수 있습니다.
• 래핑 없이 사용자화 가능. 테마는 CSS 커스텀 속성 오버라이드 집합이므로, 디자이너는 컴포넌트 소스를 포크하거나 래핑하지 않고도 Astryx를 자신만의 스타일로 만들 수 있습니다.
• **사람과

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.