본문으로 바로가기
리옵트 핸드북
리옵트 핸드북
AI 시대의 디자인 시스템

기반 설계

토큰 아키텍처컴포넌트 명세접근성 내장

AI 워크플로우

프롬프트 인터페이스DESIGN.md 인터페이스에이전틱 디자인 품질 제어워크플로우 전략AI 기반 DS 진화컨텍스트 주입

사용자 경험

일관성 패턴인터랙션 설계폼 & 데이터 입력

차세대 인터페이스

에이전트 UI 프로토콜생성형 UI공간·멀티모달 인터페이스

실전

실행 플레이북마이그레이션 전략거버넌스 & 협업사례 연구

운영

검증 체크리스트업데이트 로그
핸드북›AI 시대의 디자인 시스템›업데이트 로그
한국어English

업데이트 로그

AI 시대의 디자인 시스템 핸드북의 변경 이력과 다음 보강 항목

2026-06-13

전체 리뷰·최신화 라운드에서 이 핸드북을 점검했습니다.

영역변경
마크다운 정리prompt-interface의 "With Options" 예시에서 깨진 코드펜스와 잘못 들어간 인용 표시(>)를 정리해 정상적인 단일 코드 블록으로 복구했습니다.

2026-05-17

영어 지원을 추가하고 한국어/영어 동기화 검증 기준을 정리했습니다.

영역변경
영어판en/design-systems-ai 책 구조와 19개 주요 챕터를 추가했습니다.
홈 노출영어 홈 화면에서 design-systems-ai 책이 올바른 제목과 설명으로 보이도록 등록했습니다.
검증check:design-systems-ai 스크립트로 ko/en 페이지 순서, 파일 수, frontmatter, 영어 링크 지역화를 확인합니다.
운영 페이지verification과 updates 페이지를 한국어/영어 양쪽에 추가했습니다.
근거 교정Style Dictionary v5와 Figma MCP 관련 표현을 공식 문서 기준으로 더 보수적으로 조정했습니다.
영어 보강prompt-interface, component-spec, agentic-design-control, context-injection, case-studies를 우선 보강했습니다.

현재 운영 원칙

  1. 한국어와 영어는 같은 구조를 유지합니다.
  2. 새 챕터를 추가할 때는 ko/en meta.json, 실제 .mdx 파일, verification 범위를 함께 갱신합니다.
  3. AI 도구 생태계의 최신 기능은 "가능", "beta", "proposal", "official extension" 같은 상태 표현을 출처에 맞춰 구분합니다.
  4. 도구 목록만 늘리지 않고, 각 항목을 design-system 운영 규칙으로 환원합니다.

다음 보강 후보

후보이유
각 챕터별 "agent prompt pack"에이전트가 그대로 참조할 수 있는 짧은 작업 지시문이 필요합니다.
design token migration 예제DTCG, Style Dictionary, Tailwind v4 사이의 실제 변환 예시를 더 촘촘히 만들 수 있습니다.
visual QA playbookPlaywright screenshot, accessibility check, design review checklist를 하나의 반복 루프로 정리할 수 있습니다.
사례 연구의 출처 주석Material, Fluent, Figma, shadcn/ui, Radix 사례의 공식 문서 링크를 각 절에 더 붙일 수 있습니다.

관련 문서

검증 체크리스트

AI 시대의 디자인 시스템 핸드북의 한국어/영어 동기화와 근거 점검 기준

토큰 아키텍처

Primitive·Semantic·Component 3계층 토큰 구조와 AI 친화 네이밍, W3C DTCG 1.0 포맷·Style Dictionary v5 변환 파이프라인, MCP 서버 연동으로 AI가 토큰을 추론·조합하게 만드는 설계

Ch9. Agentic 개발 체계

엔터프라이즈 프로젝트 설계 · Claude Code 중심 CLAUDE.md 설계, 멀티세션, 서브에이전트, Hooks 자동화

Ch1. 설치/로그인

Codex 고급 활용 · npm·설치 스크립트·winget으로 Codex CLI 설치, ChatGPT 계정 vs CODEX_API_KEY 로그인 분리, 버전 핀 고정과 device-code 로그인·셸 자동완성·앱 서버 헬스체크까지 팀 표준화 전략

Ch2. config.toml 설계

Codex 고급 활용 · 프로젝트·사용자·시스템 설정 레이어 우선순위, 프로필 분리(0.134.0 마이그레이션), permission profile과 deny-read, requirements.toml 강제까지 config.toml 운영 전략

검증 체크리스트

AI 시대의 디자인 시스템 핸드북의 한국어/영어 동기화와 근거 점검 기준

On this page

2026-06-132026-05-17현재 운영 원칙다음 보강 후보