디자인 시스템 구축
디자인 시스템 구축은 여러 채널과 팀이 같은 규격으로 화면을 만들도록 컴포넌트, 토큰, 규칙을 세우는 일입니다.
배경
채널마다 컴포넌트가 따로 만들어지면 수정할 때 채널별로 각각 고쳐야 합니다.
규격을 코드와 도구로 제공해야 디자이너, 개발자, AI 도구가 같은 기준을 씁니다.
주요 업무
진단
채널별 화면과 컴포넌트를 모아 중복과 차이를 파악합니다.
규격 설계
토큰, 컴포넌트, 사용 규칙을 정합니다.
구현·배포
컴포넌트 라이브러리와 화면 제작 도구를 만들고 배포 경로를 정합니다.
AI 도구 연동
규격을 MCP 서버로 제공해 AI 도구가 조회할 수 있게 합니다.
산출물
- 디자인 토큰
- 컴포넌트 라이브러리
- 사용 가이드
- 화면 제작 도구
- MCP 서버
관련 사례
자주 묻는 질문
이미 쓰고 있는 Figma 라이브러리가 있어요.
기존 라이브러리를 기준으로 시작하고, 코드와 다른 부분부터 정리합니다.
AI 도구와는 어떻게 연결하나요?
디자인 시스템의 컴포넌트 규격을 MCP 서버로 제공합니다. 개발자분들은 평소 쓰시던 AI 도구에서 같은 규격을 바로 확인하실 수 있습니다.
운영도 맡나요?
네, 구축 이후에도 함께합니다. 컴포넌트 추가·변경과 새 채널 지원까지 이어서 맡아 드립니다.
다른 서비스