ChatGPT로 Design Tokens 생성하기

핵심 아이디어

ChatGPT를 활용하여 디자인 시스템의 Design Tokens를 더 효율적으로 생성하고 관리하는 방법에 관한 내용이다. Design Tokens는 색상, 폰트, 너비 등의 디자인 요소를 코드와 일치시키는 일관된 변수 시스템이다.

요약

저자는 버튼 컴포넌트를 예시로 하여 ChatGPT에게 토큰 변형(테마, 컴포넌트, 타입, 크기, 상태, 색상)에 대한 모든 조합을 생성하도록 요청하는 과정을 보여준다. 이 과정에서 계층적 구조화, 그룹별 구조화, 알파벳순 구조화 등 다양한 토큰 네이밍 시스템 방식을 ChatGPT가 제안하며, 디자이너는 이를 바탕으로 프로젝트에 가장 적합한 방식을 선택할 수 있다.

견해

ChatGPT가 Design Tokens 생성 작업을 크게 효율화할 수 있지만, 결국 핵심 결정과 구조 설계는 디자이너의 전문성과 판단에 의존해야 한다는 점이 중요하다. AI는 도구일 뿐, 결정권자가 아니다.

출처

Creating design tokens for your design system with ChatGPT assistance | UXCollective