아티팩트 작업 시 디자인 시스템 활용

질문

클로드 아티팩트로 기획과 디자인을 함께 하고 개발자에게 핸드오프하려는데, 디자인 시스템을 연결해도 결과가 예쁘지 않을 때 어떻게 활용하면 좋은지.

답변

디자인 시스템은 필수이며, 여기서 디자인 시스템은 파운데이션·컴포넌트(기능과 형태)·페르소나를 코드로 구성해 둔 것(예: Storybook 별도 패키지)을 뜻한다. 클로드 코드에서 이 디자인 시스템을 참조하도록 하고 /design으로 아티팩트를 생성하게 하면 된다. 결과물은 [디자인 시스템 + 기존 디자인 산출물 코드]처럼 참조할 산출물이 많고 명확할수록 좋아지므로, 맨땅에서 시작한다면 파운데이션과 컴포넌트를 명확히 만들고 화면 단위 디자인 몇 장을 만든 뒤 그것을 바탕으로 새 디자인을 생성하고 다시 고도화하는 과정을 반복하는 것이 좋다. design.md 몇 장만으로는 러프한 작업 이상은 어렵다.