0에서 시작하는 DS 구축순서

질문

클로드로 디자인시스템을 구축하는 방법이 여러가지일 텐데, 처음부터(0인 상태에서) 만들 때 실무에서는 보통 어떤 순서로 진행하는지.

답변

피그마에 디자인시스템 파일이 있다는 전제로 Figma MCP 연결 → 초기 환경설정(스캐폴딩) → 토큰 코드 구현 → 컴포넌트 구현 → 페이지 구현/베리에이션 조합 순서로 진행하며 이 과정에서 하네스도 함께 세팅한다. 더 상세히는: 1) 잘 구축된 공개 디자인시스템 문서를 메인 레퍼런스로 하나만 고정(여러 개 섞으면 네이밍·위계가 흔들림), 이 단계에서 엔지니어와 기존 토큰 구조·네이밍을 미리 맞춰본다. 2) Figma MCP로 잘게 쪼갠 토큰부터 구축하며 네이밍 규칙을 확정한다. 3) 프로퍼티/Variant까지 포함해 컴포넌트와 문서(대시보드)를 피그마에 함께 빌드한다(문서를 나중에 따로 만들면 거의 안 하게 됨). 4) 한 번에 다 시키지 말고 단계별 산출물을 정의→확인→다음 단계로 넘어가는 프로세스를 먼저 합의하고 시작할 것.