LLM Wiki

디자인 시스템

4 min read

‘디자인 시스템’(유형: workflow)에 대한 신규 Obsidian 위키 노트를 고품질로 완정하여 작성하였습니다.

생성된 위키 노트의 상세 정보 및 작성 요약은 다음과 같습니다.

작성 정보

  • 노트 경로: 디자인 시스템.md
  • Frontmatter:
    • type: workflow
    • status: draft
    • core: false
    • tags: ['llm', 'agent', 'design-system', 'UI-UX', 'workflow', 'frontend']
    • aliases: ['Design System', '디자인시스템', '보이지 않는 아키텍처']
    • sources: ['raw/AI로_만든_제품이_안_팔리는_이유.md', 'raw/Good Design Doesn’t Happen By Default.md', 'raw/The Product Designer Skill Stack for 2026. 8 Skills That Matter More Than UI Design.md']
    • created: 2026-08-28
    • updated: 2026-08-28

주요 정리 내용 요약

  1. 기본값의 함정(Default Trap)과 보이지 않는 아키텍처
    • 의도적으로 시스템 규칙을 정의하지 않으면 우연한 기본값(Android Roboto vs iOS SF Pro Text, 패딩 20px vs 16px 등)에 제품이 끌려가 파편화가 누적되고 신뢰도를 잃음을 기술했습니다 (raw/Good Design Doesn’t Happen By Default.md).
  2. AI 시대의 슬롭(AI Slop) 방지 및 해자(Moat)로서의 위상
    • AI 코딩 도구(Claude Code, Codex, Antigravity)로 인해 코드 생산성이 비약적으로 늘어났으나, 가이드라인이 없을 경우 AI가 만드는 평균적이고 무개성한 AI 슬롭(AI Slop)이 발생하므로 이를 통제하는 디자인 시스템이 핵심 자산이 됨을 도출했습니다 (raw/AI로_만든_제품이_안_팔리는_이유.md).
  3. Google Labs의 Design.md 및 구축 5단계
    • AI 에이전트의 컨텍스트 이탈을 방지하기 위한 Machine-readable(YAML 토큰) + Human-readable(디자인 사유) 구조의 Design.md 표준 규격과 5단계 구축 워크플로우를 분석했습니다 (raw/AI로_만든_제품이_안_팔리는_이유.md).
  4. 구체적 실전 예시 및 워크플로우 포함
    • Design.md 파일 구조 예시(Pretendard 폰트, 자간 -0.02em, 행간 1.5, 간격 스케일)와 레퍼런스 웹사이트 클론 코딩을 통한 Design.md 자동 추출 파이프라인을 제시했습니다 (raw/AI로_만든_제품이_안_팔리는_이유.md).
  5. AI의 가이드라인 이탈에 대한 충돌 분석
    • AI가 Design.md 지침을 간헐적으로 이탈(Guideline Drift)하는 문제에 대한 단기적 실용론(Linting/ESLint 강제)과 장기적 모델 해결론(Gemini Pro 3.1 High 등 모델 진화) 간의 충돌 지점을 정리했습니다.
  6. 풍부한 위키 링크 연동

그래프 뷰

백링크