피드로 돌아가기
GeekNewsFrontend
원문 읽기
AI가 디자인을 대신하는 시대, 왜 디자인 시스템이 더 중요해질까?
AI 생성 결과물의 제품 수렴을 위한 JSON 기반 Semantic Design System 구축
AI 요약
Context
AI 프롬프트 기반의 디자인 발산 능력은 탁월하나 일관된 제품으로 수렴시키는 설계 규칙의 부재로 실제 제품화 단계에서 병목 발생. 인간의 인지 능력에 의존한 기존 디자인 시스템으로는 AI의 정밀한 해석과 일관된 구현을 보장하기 어려운 한계 존재.
Technical Solution
- AI의 해석 가능성을 높이기 위한 명확한 맥락 중심의 Semantic Naming 체계 도입
- Primitive Tokens에서 Semantic Tokens를 거쳐 Components로 이어지는 JSON 기반 계층 구조 설계
- Role, Core Rules, Workflow를 정의한 md 파일 기반 프롬프트 프로토콜 수립
- Figma Variables를 JSON으로 변환 후 Tailwind v4 CSS 변수로 매핑하는 자동화 파이프라인 구축
- 전역 스타일 변수화를 통한 AI의 신속한 Design System 접근 경로 확보
실천 포인트
1. 약어 사용을 배제하고 AI가 추론 가능한 Full-name 기반의 Semantic Naming 적용 여부 검토
2. Design Token을 JSON 구조로 계층화하여 기계 판독 가능성(Machine-readability) 확보
3. 디자인 가이드라인을 md 파일 형태의 프롬프트 프로토콜로 문서화하여 AI 워크플로우에 통합
4. Figma-JSON-CSS로 이어지는 디자인-코드 변환 자동화 스택 검토