design-system

SEEK Group을 위한 테마 지정 가능한 디자인 시스템

터미널 감성의 웹, 데스크톱 애플리케이션 및 정적 웹사이트 제작을 돕는 오픈소스 React 컴포넌트 및 스타일 저장소입니다.

Magic Patterns Catalog는 가장 인기 있는 React 컴포넌트 라이브러리를 나열하여 완벽한 컴포넌트를 찾는 데 도움을 주는 오픈소스 웹사이트입니다.

Kiwi.com의 오픈 소스 Orbit 디자인 시스템의 React 컴포넌트

📚 이 가이드는 UI/UX 디자인 학습을 돕기 위해 제작되었으며 초급, 중급, 고급의 세 가지 수준으로 나뉩니다. 사용자 인터페이스 및 사용자 경험 디자인의 모든 측면을 다루는 학습 리소스, 가이드 및 도구를 포함합니다.

전 세계적인 문제 해결을 목표로 유용한 커뮤니티를 구축하기 위한 플랫폼

Baklava는 앱 사용자에게 일관된 UI/UX를 제공하기 위해 Trendyol에서 제공하는 디자인 시스템입니다.

Design Token과 관련된 모든 리소스 목록

Spectrum 디자인 언어의 표준 CSS 구현체

Stylable - 컴포넌트를 위한 CSS

Compose UI를 위해 누락된 디자인 시스템 레이어

유틸리티 우선 방식의 React Native UI 프레임워크입니다.

Amplify UI는 클라우드에 직접 연결할 수 있는 접근성 좋고 테마 적용이 가능하며 성능이 뛰어난 React(및 기타) 컴포넌트 모음입니다.

🎨 디자인 토큰을 Amazon Style Dictionary 호환 포맷의 JSON으로 내보내는 Figma 플러그인

Layer5, 인프라에서 더 많은 것을 기대하세요

SEED 디자인 시스템

A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.

미학적 계열, 리믹스 레시피, 스킬, 비디오 분석, X 시그널, 솔직한 커뮤니티 의견에 따른 Claude Design DESIGN.md 프롬프트

디자인 템플릿, 스톡 사진, 아이콘, 색상 등 엄선된 디자인 리소스 모음

Radix 웹사이트 및 문서

AI 네이티브 CLI 우선 React 컴포넌트 라이브러리. Cursor, Claude, GitHub Copilot을 위한 MCP 서버 지원 및 160개 이상의 애니메이션, 접근성, 프로덕션 준비가 완료된 컴포넌트 제공. 복사-붙여넣기 아키텍처로 코드 소유권 보장

웹을 위한 SumUp의 디자인 시스템

접근성을 고려하여 설계된 자동 완성 컴포넌트

Claude Code, Codex & Cursor를 위한 오픈 소스 디자인 메서드 엔진. 검증된 UI, 상호작용, 이미지/비디오 작업, 캐러셀, 덱 및 문서를 위한 고정된 디자인 판단, 다중 문법, 참조 컴파일, 시맨틱 팔레트 및 Studio 워크플로우를 제공합니다. 22개의 스킬 · MIT 라이선스.

CSS 변수 빌드 시스템

Claude를 시니어 디자인 아키텍트로 전환: DTCG 디자인 토큰, 42개 컴포넌트, WCAG 2.2 접근성, 프레임워크 독립적 코드, 138개 디자인 시스템 및 실행 가능한 스킬 제공

📒 개발자 중심의 design systems에 관한 북마크, 리소스 및 아티클 큐레이션 목록.

🎨 Codex 내부의 오픈소스 AI 슬라이드 스튜디오: 이미지 기반 덱, 모든 슬라이드가 완전한 비주얼 캔버스. ⚡ 약 4~5분 만에 10개 이상의 고품질 슬라이드 생성 — 빠른 모드는 모든 페이지를 병렬로 렌더링. 🔍 전체 체인 실시간 확인: 리서치 → 개요 → 스타일 → 렌더링 → 편집 → 발표 → PDF/PPTX 내보내기. 🖥️ 브라우저 우선 · API 키 필요 없음 · 영구 프로젝트.

HIUI는 프론트, 미들, 백엔드의 상호작용 및 UI 디자인 표준을 수립하고 구현하는 데 적합한 솔루션입니다.

Figmagic은 DevOps와 디자인 사이의 빠진 조각입니다: Figma 문서에서 디자인 토큰을 생성하고, 그래픽을 내보내며, 디자인 토큰 기반 React 컴포넌트를 추출합니다.