Figmapedia
목록으로 돌아가기
데일리콘텐츠소소한 꿀팁

디자인시스템 작업의 막막함 풀어줄 단계별 꿀팁

비비✨2025. 3. 14.

안녕하세요, 피피팀 명예크루 1기 비비✨입니다.

오늘은 디자인시스템 작업의 막막함을 풀어줄, 단계별 무료 리소스 모음🧩을 소개해 드릴게요!

📍Step 1: 계획 (Design System.Guide)

🔗 https://thedesignsystem.guide/

  • 디자인시스템 A to Z 가이드북
  • 단계별 온라인 코칭 & 실전 리소스 제공
  • AI, 자동화 툴 추천 모음
  • 📍Step 2: 설계 (the component.gallery)

    🔗 https://component.gallery/

  • 컴포넌트 설계를 위한 세부 사례 제공 (59개 컴포넌트)
  • 글로벌 디자인 컴포넌트 레퍼런스 아카이브
  • 실제 서비스 UI 컴포넌트 상세 분석
  • 📍Step 3: 문서화 (Auto Documentation)

    🔗 https://www.figma.com/community/plugin/1134018716847999330/auto-documentation

  • 원클릭 자동 문서화 플러그인
  • 컬러, 폰트, 변수 자동 정리
  • 세부 프리뷰 설정까지 가능
  • 📍Step 4: 유지 보수 (Design System Checklist)

    🔗 https://www.designsystemchecklist.com/ko

  • 디자인시스템 품질 관리 필수 도구
  • 놓치기 쉬운 부분 꼼꼼 체크