디자인 시스템 프롬프트 (토큰, 컴포넌트, 상태)
이 글은 생성형 AI를 활용해 디자인 시스템의 핵심 산출물인 토큰, 컴포넌트 정의, 상태 표를 한 번에 뽑아내는 프롬프트 구조를 정리한다. 목표는 팀마다 다른 용어와 형식을 프롬프트 단계에서 표준화해 재작업을 줄이고, 변수 변경과 상태 정의를 빠르게 문서화하는 것이다. 각 소제목은 개념과 특징, 장단점, 적용 예시, 주의점을 한 문단 안에서 이어가며 실무에 바로 적용할 수 있도록 구성했다.토큰 설계 프롬프트토큰 프롬프트의 핵심은 컬렉션, 네이밍, 모드 축을 먼저 고정하는 것이다. 컬렉션은 foundations, component, brand처럼 목적 중심으로 나누고, 네이밍은 의미 기반 계층을 유지한다. 색은 brand.primary.fg, 배경은 surface.card.bg처럼 읽는 순간 역할과 단계가..
2025. 8. 20.
