Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

플랫폼 팀 없는 오픈 소스 기반의 디자인 시스템 구축 회고

인프랩 favicon인프랩·Frontend·
TypeScriptReactStorybookTurborepoMantine
2024년 03월 04일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

인프랩은 플랫폼 팀 없이 Mantine 기반의 디자인 시스템을 오픈 소스에 의존해 구축하고 운영한 경험을 공유합니다.

주요 경험

  • 피그마 에셋 자동화 도입으로 디자이너의 자산 관리 부담을 줄이고 Mantine 선정을 통해 세세한 커스터마이징이 수월해졌습니다.
  • 컴포넌트 단위 패키징과 랩핑 전략으로 버전 관리와 의존성 충돌을 최소화했습니다.
  • 스토리북 도입과 로컬 개발 환경 구성을 통해 디자이너와 개발자의 협업과 실제 확인 프로세스를 개선했습니다.

얻은 인사이트

  • 오픈 소스 정책과 커스터마이징 경계의 명확화가 생산성에 직접 영향을 미칩니다.
  • 문서와 코드 간극을 줄이고, 랩핑과 API 설계로 유지보수를 용이하게 하는 것이 중요합니다.
  • Mantine v6 기준으로 ThemeProvider와 컴포넌트 패키지 간 균형이 지속 가능한 운영의 핵심으로 보입니다.

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
디자인 시스템을 만들때 마주하는 고민사항 23가지와 32개 팁. 섬네일
77%

디자인 시스템을 만들때 마주하는 고민사항 23가지와 32개 팁.

Lemonade Engineering faviconLemonade Engineering·2021년 06월 29일
달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트 섬네일
77%

달리는 기차 바퀴 칠하기: 7년만의 컬러 시스템 업데이트

토스 favicon토스·2025년 12월 15일
당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기 섬네일
75%

당신2 9하던 디자인 시스템? 0.5인 리소스로 효율적으로 구축하기

29CM favicon29CM·2025년 01월 15일