design-tokens

인기 브랜드 디자인 시스템의 DESIGN.md 파일 분석 모음. 프로젝트에 하나를 추가하고 코딩 에이전트가 일치하는 UI를 생성하도록 하세요.

🐼 디자인 시스템을 위한 범용, 타입 안전 CSS-in-JS 프레임워크 ⚡️

제약 기반 디자인 원칙을 바탕으로 일관되고 테마 적용이 가능한 React 앱을 구축하세요.

크로스 플랫폼 스타일 생성을 위한 빌드 시스템

단 하나의 명령어로 모든 웹사이트의 완전한 디자인 시스템 추출. DTCG 토큰, semantic+primitive+composite, Claude Code/Cursor/Windsurf용 MCP 서버, 멀티 플랫폼 내보내기(iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma 변수, shadcn/ui, CSS 상태 감사, WCAG 개선, Chrome 확장 프로그램. MIT, Playwright, Node 20+.

단 몇 초 만에 모든 웹사이트의 디자인 시스템을 로고, 색상, 타이포그래피, 테두리 등의 토큰으로 추출합니다. 단 하나의 명령어로 가능합니다.

180개의 무료 CSS3, Figma, Sketch 및 PSD 그라데이션 — 디자인 도구, 생성기, AI agent를 위한 JSON 데이터셋 포함

디자인 토큰 사이트 및 사양을 위한 공식 DTCG 저장소입니다.

참조 UI(이미지, 스크린샷, URL)를 정량화된 Design DNA JSON(토큰, 정성적 스타일, 시각적 효과)으로 변환한 다음, 콘텐츠에서 일치하는 UI를 생성합니다.

'Tokens Studio for Figma'(Figma Tokens) 플러그인의 공식 저장소

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

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

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

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

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

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

PatternFly 프로젝트를 위한 React 컴포넌트 세트

🖌️ <script>는 더 가볍게, <style>은 더 스마트하게 만드세요

스타일시트 및 아이콘 파일에서 생성된 디자인 토큰 문서를 표시합니다. 브라우저에서 디자인 토큰 변경 사항을 미리 보고, 커스텀 Doc Block을 사용하여 Storybook Docs 페이지에 디자인 토큰을 추가할 수 있습니다.

디자인 시스템을 Agent Plugin으로 컴파일합니다. 모든 레퍼런스에서 아이덴티티를 추출하고, SKILL.md + tokens.css를 생성하며, 토큰을 우회하는 요소를 린트합니다.

CSS를 위한 시각적 개발 환경

UI 컴포넌트용 테마 객체 및 디자인 토큰 정의를 위한 사양

Unity 6 UI Toolkit을 위한 드롭인 디자인 시스템. 토큰, FX 셰이더 머티리얼 지원, 42개 컴포넌트, 120개 아이콘, 모바일 반응형 및 다크 테마 지원. 단일 스타일시트, 무의존성. 실제 크로스 플레이 게임에서 검증됨

200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.

Helios 디자인 시스템