[피그마] 디자인 시스템 참고 사이트 TOP 10

피그마 디자인 시스템 참고 사이트 TOP 10

1️⃣ Design Systems Hunt

• 전 세계 147개 이상 디자인 시스템 모음
• 회사별 디자인 시스템 탐색 가능
• UI 패턴 비교하기 좋음

추천 이유
👉 디자인 시스템 레퍼런스 1위 사이트

---

2️⃣ Best Design Systems

• 디자인 시스템 + UI 컴포넌트 라이브러리 모음
• Figma / React / Tailwind 등 필터 가능

추천 이유
👉 디자인 + 개발 둘 다 참고 가능

 

---

3️⃣ Figma Community

관련 소프트웨어
→ Figma

• 실제 디자이너들이 만든
• UI kit
• 디자인 시스템
• 컴포넌트

수천 개 다운로드 가능

추천 이유
👉 실제 Figma 파일 바로 사용 가능

---

4️⃣ Design System Hub

• 다양한 기업 디자인 시스템 비교
• 컴포넌트 / 토큰 / UX 패턴 분석

추천 이유
👉 디자인 시스템 구조 공부하기 좋음

---

5️⃣ Component Libraries

• React / Vue / Angular UI 라이브러리 모음
• 디자인 시스템과 연결된 컴포넌트 참고 가능

추천 이유
👉 디자인 → 개발 구조 이해

---

6️⃣ UIUX Deck

• UI kit
• 디자인 리소스
• 웹 템플릿 모음

추천 이유
👉 실제 디자인 스타일 참고

---

7️⃣ Open Layouts UI Library

• 다양한 Figma UI kit 모음
• 웹 / 앱 레이아웃 예시 제공

추천 이유
👉 레이아웃 참고용

---

8️⃣ Untitled UI (Figma UI Kit)

• 대형 UI kit
• Auto Layout / 변수 지원
• 수백 개 컴포넌트 제공

추천 이유
👉 실무 디자인 시스템 구조 참고

---

9️⃣ TabBoard Component Library Directory

• UI 컴포넌트 사이트 모음
• Figma UI kit / 라이브러리 검색 가능

추천 이유
👉 컴포넌트 라이브러리 탐색

---

🔟 Sourcy Design Resources

• 디자인 리소스 디렉토리
• UX 자료 모음

추천 이유
👉 디자인 영감 + 자료 탐색

---

⭐ 디자이너들이 실제로 제일 많이 보는 5개

현업 기준

1️⃣ Design Systems Hunt
2️⃣ Best Design Systems
3️⃣ Figma Community
4️⃣ Design System Hub
5️⃣ Untitled UI

---

💡 중요 (피그마 디자인 시스템 만들 때)
지금 사용자처럼

global tokens
semantic tokens
component tokens

 

구조를 만들 때 가장 참고하기 좋은 사이트는

• Design Systems Hunt
• Material Design
• Carbon Design System