2026 · Week 31
Attio, multi-tenant scale을 위한 typed formula… — 2026년 31주 디자인 시스템
31주차 Design Systems 이야기는 product rule을 executable contract로 바꾸는 방법에 관한 것입니다. Attio는 Lezer와 CodeMirror로 typed formula language를 구축하고, 일관된 Spanner snapshot에서 대규모…
주간 다이제스트 아카이브
디자인 시스템
출처를 검증한 주간 보고서 31개를 최신순으로 확인하세요.
2026 · Week 30
Deque 설문: AI 생성 코드가 접근성 부채를 확대하고 있다 — 2026년 30주 디자인 시스템
이번 주 디자인 시스템 커버리지는 하나의 불편한 진실로 수렴됩니다. 디자이너들이 의존하는 도구와 워크플로우가 직군의 멘탈 모델보다 훨씬 빠르게 변화하고 있다는 것입니다. AI가 생성한 코드가 접근성 부채를 적극적으로 확대하고 있습니다 — Deque Systems가 200명 이상의 엔지니어링…
2026 · Week 29
AI 시대의 접근성 - TetraLogical — 2026년 29주 디자인 시스템
29주차는 AI가 프런트엔드 스택 전반을 재편하는 시점에서 접근성과 디자인 시스템 무결성을 집중 조명합니다. 2026년 WebAIM Million 보고서는 냉정한 사실을 전합니다. 수년간의 점진적 개선 추세가 뒤집히며 감지된 오류와 WCAG 적합성 실패가 모두 증가했으며,…
2026 · Week 28
디자인 시스템 성숙도: 6차원 프레임워크 — 2026년 28주 디자인 시스템
이번 주 디자인 시스템 분야는 AI 도구와 컴포넌트 거버넌스의 교차점이 주요 주제였습니다. Evil Martians가 Claude Code 에이전트 스킬 모음인 Storybook Workbench(/sb. 접두사)를 공개했습니다. vibe-coded 코드베이스 감사를 위해 개발된 이 도구는…
2026 · Week 27
디자인 시스템 워크플로 운영·진화: 지표, 실수, 확장 — 2026년 27주 디자인 시스템
이번 주는 디자인 시스템 거버넌스와 접근성이 핵심 주제였습니다. 워크플로우 가이드는 기여 소요 시간, 기여자 수, 팀 만족도(목표: 5점 중 4점 이상), 문서 완성도(80~95%), 의사 결정 속도(초기 피드백 3일 이내, 최종 결정 2주 이내), 채택률이라는 6가지 측정 가능한 건강…
2026 · Week 26
Design Token 워크플로 18부: DTCG Color Module에서 색상이… — 2026년 26주 디자인 시스템
이번 주 디자인 시스템은 색상 토큰 표준, 거버넌스, AI 에이전트가 시스템을 읽을 수 있게 만드는 새로운 과제에 집중했습니다. DTCG Color Module 시리즈(18편)는 Material Design 3, IBM Carbon, Parity의 도입 사례를 들어 2026년 제작 색상…
2026 · Week 25
엔지니어와 에이전트를 위해 사양화한 디자인 시스템 구축 — 2026년 25주 디자인 시스템
이번 주 디자인 시스템 관련 소식은 AI 툴링, 토큰 아키텍처, 거버넌스 성숙도의 교차점에 집중되었습니다. Evil Martians는 791개 파일에 대한 AI 감사를 통해 236개의 고유 컬러 1,413건 사용, 중복된 폰트 시스템, 병렬 아이콘 라이브러리를 발견하고 7주 만에…
2026 · Week 24
EAA에 따른 디지털 접근성을 지지한 프랑스의 주요 법원 판결 — 2026년 24주 디자인 시스템
이번 주 디자인 시스템 분야는 두 가지 주제로 집결되었습니다. AI 시대의 디지털 접근성 법적 리스크와, 전통적인 디자인 핸드오프 워크플로우에서 벗어나는 조직적 전환이 그것입니다. 프랑스 Tribunal judiciaire de Caen 법원이 Carrefour에 6개월 내 전자상거래…
2026 · Week 23
디자인 시스템을 AI-ready로 만드는 방법 — 2026년 23주 디자인 시스템
이번 주 디자인 시스템 카테고리는 AI 워크플로를 위한 시스템 준비에 집중되었습니다. Atlassian의 Hardik Pandya는 세 가지 레이어의 AI 준비 프레임워크를 제시했습니다. 간격, 색상, 컴포넌트 가이드라인을 담은 구조화된 Markdown spec 파일, AI 출력을 임의 값…
2026 · Week 22
나중에 접근성을 고치기에는 너무 늦다 — 2026년 22주 디자인 시스템
이번 주 디자인 시스템 분야에서는 접근성이 중심 주제로 부상했습니다. Aaron Gustafson(Microsoft)이 진행하고 Deque, Evinced, GitHub, 워싱턴대학교 패널리스트가 참여한 Ability Summit 2026 패널은 pull request 단계의 테스트는 이미…
2026 · Week 21
Storybook 10.4 — 2026년 21주 디자인 시스템
이번 주 디자인 시스템 툴링은 여러 방면에서 발전하였습니다. Storybook 10.4는 한 번에 최대 10개 컴포넌트의 mock 구성, 스토리 작성, 인터랙션 테스트를 자동화하는 AI 기반 설정 기능을 출시하였으며, 코드 diff에 대해 new, modified, related 스토리를…
2026 · Week 20
의도적으로 작게: Lean Design System 팀의 강점 — 2026년 20주 디자인 시스템
이번 주 NNG 연구는 대부분의 디자인 시스템 팀이 회사 규모에 관계없이 의도적으로 2~5명으로 유지되며, 이는 구조적 강점이지 인력 부족이 아님을 재확인했습니다. 소규모 팀은 핸드오프 없이 컨텍스트를 공유하고 갈등을 더 빠르게 해결하며, 디자이너가 component API를 다루고…
2026 · Week 19
Brad와 Ian Frost가 말하는 AI + Design System — 2026년 19주 디자인 시스템
이번 주는 ShopTalk Show에 Brad Frost와 Ian Frost가 출연해 AI가 디자인 시스템 워크플로우를 어떻게 바꾸고 있는지를 논의하며 시작되었습니다. Brad는 AI 세션을 Eddie Design System과 연결된 spec 마크다운 파일 — 핵심 컴포넌트, 디자인 토큰,…
2026 · Week 18
Declarative Shadow DOM과 Native Server-side… — 2026년 18주 디자인 시스템
이번 주는 디자인 시스템 사고에 다양한 도전이 제기되었습니다. Google Labs는 Figma 파일, PDF, 정적 목업을 대체하기 위한 머신 리더블·버전 관리 가능한 디자인 사양 형식 DESIGN.md를 도입한 실험적 AI 디자인 도구 Stitch를 공개했습니다. 디자인 의도를 구조화된…
2026 · Week 17
Design Token 명명 규칙 실전 가이드 — 2026년 17주 디자인 시스템
이번 주 디자인 시스템 커버리지는 토큰 명명, 접근성, 그리고 신흥 디자인-코드 AI 워크플로우에 초점을 맞췄습니다. 종합적인 명명 가이드는 primitive, semantic, component의 3계층 토큰 모델과 Category-Property-Modifier,…
2026 · Week 16
디자인과 엔지니어링을 하나로 — 2026년 16주 디자인 시스템
이번 주 디자인 시스템 콘텐츠는 디자인 의도와 엔지니어링 실행 간의 괴리를 다양한 관점에서 다뤘습니다. Matthias Ott는 디자인-엔지니어링 핸드오프가 Taylor의 1898년 과학적 관리론에서 비롯된다고 지적하며, Figma developer mode, Zeplin,…
2026 · Week 15
Storybook 10.3: MCP, 접근성 개선, 워크플로 업그레이드 — 2026년 15주 디자인 시스템
이번 주 헤드라인은 React용 MCP 통합을 도입한 Storybook 10.3이었습니다. AI 에이전트가 실제 컴포넌트, 스토리, 문서, 테스트에 직접 구조적으로 접근할 수 있게 해, 환각 없이 프로덕션 수준의 UI를 구축할 수 있습니다. 툴셋은 Dev(UI 상태 가시화),…
2026 · Week 14
디자인 시스템 패턴: 확장 가능한 UI의 필수 구성 요소 — 2026년 14주 디자인 시스템
14주차에는 Netguru가 추상적인 개념을 구체적인 수치로 뒷받침하는 보완적인 디자인 시스템 관련 글들을 연속 발행했습니다. 디자인 시스템 대 스타일 가이드 비교에서는 성숙한 시스템이 생산성 34% 향상, 디자인 관련 오류 33% 감소를 가져온다고 밝혔으며, Silk 디자인 시스템은 MVP…
2026 · Week 13
React용 Storybook MCP — 2026년 13주 디자인 시스템
이번 주 디자인 시스템 논의는 두 방향으로 전개되었습니다. 디자인 워크플로우에서 AI의 역할 확대와, 접근성의 절대적인 요구사항이 그것입니다. Storybook 10.3은 React용 MCP 서버를 출시하여 AI 에이전트가 story, API 문서, 사용 예시 등 컴포넌트 메타데이터를…
2026 · Week 12
수동 및 자동 테스트를 함께 활용하는 접근성 프로그램의 이점 — 2026년 12주 디자인 시스템
12주차 디자인 시스템 커버리지는 접근성 전략부터 컴포넌트 아키텍처, UX 의사결정까지 넓은 범위를 다루었습니다. Deque의 접근성 테스트 관련 글은 Axe DevTools for Web, Axe DevTools Extension, Axe Monitor 등의 도구가 로컬, PR, CI/CD…
2026 · Week 11
Figma MCP는 요청한 것만 정확히 만든다 — 그 이상은 없다 — 2026년 11주 디자인 시스템
이번 주 featured 기사는 AI 보조 design-to-code 워크플로를 면밀히 분석했습니다. Edy Silva의 Claude Code를 통한 Figma MCP 직접 실험이 보여준 핵심 교훈은 구체성이 전부라는 것입니다. Sidebar.jsx 같은 특정 컴포넌트를 업데이트하기 위해…
2026 · Week 10
접근 가능한 포커스 표시기 가이드 — 2026년 10주 디자인 시스템
이번 주 디자인 시스템 분야의 중심 주제는 접근성이었습니다. 피처 기사인 Elle Smith의 accessible focus indicator 가이드는 WCAG에 근거한 구체적인 규칙을 제시합니다. 배경과 unfocused 상태 모두에서 최소 3:1 contrast, 최소 2px…
2026 · Week 9
Async React의 Action Props로 디자인 컴포넌트 구축 | Aurora… — 2026년 9주 디자인 시스템
이번 주 추천 아티클인 Aurora Scharff의 action prop 심층 분석은 Async React에서 성숙해가는 패턴을 보여줍니다. useTransition과 useOptimistic을 완전히 캡슐화한 재사용 가능한 TabList와 EditableText 컴포넌트로, 사용하는…
2026 · Week 8
Design Token 명명 모범 사례 — 2026년 8주 디자인 시스템
이번 주 design system은 반복적인 긴장을 드러냈습니다. 아키텍처적으로 견고한 것을 만드는 것과 실제로 사용되도록 하는 것 사이의 간극입니다. 주요 기사인 token 명명 규칙은 기반 레이어를 직접 다루며, IBM Carbon 모델을 따르는 global-alias-component…
2026 · Week 7
에이전틱 AI를 위한 디자인: 제어, 동의, 책임성을 위한 실용적 UX 패턴 —… — 2026년 7주 디자인 시스템
이번 주 디자인 시스템 카테고리는 AI와 UX의 교차점 논의가 중심입니다. Smashing Magazine의 대표 기사는 신뢰할 수 있는 에이전트 AI 인터페이스 설계를 위한 여섯 가지 구체적인 UX 패턴 — Intent Preview, Autonomy Dial, Explainable…
2026 · Week 6
Monday.com에서 디자인 시스템에 AI를 활용하는 방법 — 2026년 6주 디자인 시스템
이번 주의 주목 아이템은 2026년 디자인 시스템 작업이 나아갈 방향을 보여주었습니다. Monday.com의 Vibe 팀은 주석 중심의 Figma 핸드오프 문서를 Cursor에서 직접 사용하는 AI 최적화 스펙 파일로 대체했습니다. 커스텀 VS Code 확장이 Figma 링크를 받아…
2026 · Week 5
Design Tokens 사양의 $extensions 이해하기 — 2026년 5주 디자인 시스템
이번 주 디자인 시스템 콘텐츠는 하나의 공통 주제로 수렴했습니다. 바로 외형이 아닌 역할로 이름을 짓는 것입니다. 이번 주 특집 기사는 W3C DTCG 사양의 $extensions 탈출구를 분석했습니다. 팀이 도구별 메타데이터, 거버넌스 주석, WCAG 대비율 같은 접근성 데이터를 토큰에…
2026 · Week 4
생성형을 넘어: 에이전틱 AI와 사용자 중심 디자인의 부상 — 2026년 4주 디자인 시스템
이번 주 design systems 논의는 AI가 디자인 분야를 어떻게 재편하고 있는지, 그리고 기존 기준에 어떤 의미를 갖는지에 대한 근본적 재고로 지배됩니다. 주요 아티클인 Victor Yocco의 Smashing Magazine 기고 Beyond Generative: The Rise…
2026 · Week 3
Web Almanac 2025: 접근성 — 2026년 3주 디자인 시스템
이번 주 디자인 시스템 이슈는 두 가지 상호 보완적인 주제를 연결합니다. AI 도구가 건너뛸 수 없는 접근성의 어렵고 비화려한 작업, 그리고 디자인 엔지니어링 워크플로에서 AI 에이전트와 함께 일하는 새로운 규율입니다. 피처드 기사인 2025 Web Almanac 접근성 챕터는 1,700만…
2026 · Week 2
Penpot, AI 기반 디자인 워크플로를 위한 MCP 서버 실험 — 2026년 2주 디자인 시스템
2주차 디자인 시스템의 핵심 신호는 진정으로 새로운 것입니다: Penpot이 MCP 서버를 LLM과 디자인 API 사이의 프로그래밍 방식 브리지로 실험하고 있습니다. 이를 통해 AI가 텍스트 설명 생성이 아닌 실제 디자인 작업을 수행할 수 있게 됩니다. Penpot은 디자인을 코드로 표현하기…
2026 · Week 1
Figma Make: Sketch 이후 UX/UI 최대의 전환 — 2026년 1주 디자인 시스템
2026년의 디자인 담론은 한 가지 질문이 지배합니다. AI는 이 직업을 어떻게 바꾸는가. 이번 주의 대표 글은 Figma Make가 Sketch 이후 최대의 UX/UI 도구 전환이라고 주장합니다. 출시 후 4,000회 이상의 반복 작업 끝에 쓰인 이 글은 과장 광고라기보다, 프로토타입…