tech.inflab.com · 2024. 03. 04.
플랫폼 팀 없는 오픈 소스 기반의 디자인 시스템 구축 회고
AI 엔지니어링 브리핑
전담 플랫폼 팀이 없는 작은 조직이 여러 디자인 문제와 개발·디자인 협업 비용을 줄이기 위해 Mantine 같은 오픈 소스를 바탕으로 디자인 시스템을 만들고 운영한 약 2년간의 경험을 정리한 글입니다.
문제 & 배경
인프랩은 서로 다른 디자인 시스템이 섞여 컴포넌트 사용법과 화면을 확인하기 어렵고, 필요한 컴포넌트를 매번 새로 만들며 디자인과 QA에도 많은 시간이 드는 문제를 겪었습니다.
기술 & 해결책
팀은 직접 처음부터 만들기보다 커스터마이징이 쉬운 Mantine을 선택하고, 컴포넌트를 자체 패키지로 감싸 관리했으며, Storybook·Figma 에셋 자동화·Changesets·GitHub Actions 등을 활용해 사용법 확인, 버전 관리, 배포를 체계화했습니다.
교훈 & 주의점
디자인 시스템은 기술만으로 유지되지 않으므로 사용 규칙을 먼저 합의하고, 디자이너와 개발자가 함께 문서·리뷰·QA·변경 이력을 관리해야 하며, 오픈 소스의 업데이트와 커스터마이징 범위도 신중하게 통제해야 합니다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.