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…
週刊ダイジェスト・アーカイブ
デザインシステム
出典を確認した週刊レポート31件を新しい順に掲載しています。
2026 · Week 30
Deque調査：AIが生成するコードがアクセシビリティ負債を拡大している — 2026年 第30週 デザインシステム
今週のデザインシステム特集は、一つの不都合な真実へと収束します。デザイナーが依存するツールとワークフローが、職能のメンタルモデルよりもはるかに速く変化しているということです。AIが生成したコードがアクセシビリティ負債を積極的に拡大させています — Deque…
2026 · Week 29
AIの時代のアクセシビリティ - TetraLogical — 2026年 第29週 デザインシステム
第29週は、AIがフロントエンドスタック全体を再構成するなかでアクセシビリティとデザインシステムの整合性に焦点を当てます。2026年のWebAIM Million報告書は厳しい事実を示しています。数年間の段階的な改善傾向が逆転し、検出されたエラーとWCAG適合性の失敗がともに増加しており、TetraLogicalチームはその原…
2026 · Week 28
Design System Maturity：6-Dimension Framework — 2026年 第28週 デザインシステム
今週のデザインシステム分野は、AIツールとコンポーネントガバナンスの交差点が主要テーマでした。Evil MartianがClaude Codeエージェントスキル群Storybook Workbench（/sb.プレフィックス）を公開しました。vibe-codedコードベースの監査のために開発されたこのツールは、実際の469コン…
2026 · Week 27
Design System Workflowの運用・進化：Metric、Mistake、S… — 2026年 第27週 デザインシステム
今週はデザインシステムのガバナンスとアクセシビリティが中心的なテーマでした。ワークフローガイドではコントリビューション所要時間、コントリビューター数、チーム満足度（目標：5点中4点以上）、ドキュメント完成度（80〜95%）、意思決定スピード（初期フィードバック3日以内・最終決定2週間以内）、採用率という6つの測定可能な健全性指…
2026 · Week 26
Design Token Workflow Part 18：DTCG Color… — 2026年 第26週 デザインシステム
今週のデザインシステムは、カラートークン標準、ガバナンス、AIエージェントがシステムを読めるようにする新たな課題に焦点を当てました。DTCG Color Moduleシリーズ(第18回)は、Material Design 3、IBM…
2026 · Week 25
EngineerとAgent向けに仕様化したDesign Systemを構築 — 2026年 第25週 デザインシステム
今週のデザインシステム関連の話題は、AIツール、トークンアーキテクチャ、ガバナンスの成熟度の交差点に集中しました。Evil Martiansは791ファイルへのAI監査で236種類のユニークカラー1,413件の使用事例、重複したフォントシステム、並行するアイコンライブラリを発見し、7週間でCurrents用の完全なデザインシス…
2026 · Week 24
EAAに基づくDigital Accessibilityを支持したフランスの重要判決 — 2026年 第24週 デザインシステム
今週のデザインシステム分野は 2 つのテーマに収束しました。AI 時代のデジタルアクセシビリティにおける法的リスクと、従来のデザインハンドオフワークフローからの組織的転換です。フランスの Tribunal judiciaire de Caen が Carrefour に対し 6 か月以内に EC プラットフォームを完全に…
2026 · Week 23
Design SystemをAI-readyにする方法 — 2026年 第23週 デザインシステム
今週のデザインシステムカテゴリはAIワークフローへの対応準備が中心でした。AtlassianのHardik Pandyaは3レイヤーのAI対応フレームワークを提示しました。スペーシング・色・コンポーネントガイドラインを定義する構造化Markdown…
2026 · Week 22
後からAccessibilityを直すのでは遅すぎる — 2026年 第22週 デザインシステム
今週のデザインシステム分野ではアクセシビリティが中心テーマとなりました。Aaron Gustafson（Microsoft）が進行し、Deque・Evinced・GitHub・ワシントン大学のパネリストが参加したAbility Summit 2026は、pull…
2026 · Week 21
Storybook 10.4 — 2026年 第21週 デザインシステム
今週はデザインシステムのツール面で複数の進展がありました。Storybook 10.4は、一度に最大10コンポーネントのモック構成・ストーリー作成・インタラクションテストを自動化するAI主導のセットアップ機能をリリースし、コードdiffに対してnew・modified・relatedのストーリーを表示するサイドバー変更検出フィ…
2026 · Week 20
意図的に小さく：Lean Design System Teamの強み — 2026年 第20週 デザインシステム
今週の NNG リサーチは、ほとんどのデザインシステムチームが企業規模に関わらず意図的に2〜5名で構成されており、これが人員不足ではなく構造的な強みであることを改めて確認しました。小規模チームはハンドオフなしにコンテキストを共有し、対立を迅速に解決し、デザイナーがcomponent…
2026 · Week 19
BradとIan Frostが語るAI + Design System — 2026年 第19週 デザインシステム
今週はShopTalk ShowにBrad FrostとIan Frostが出演し、AIがデザインシステムのワークフローをどのように変えているかを議論することから始まりました。Bradは、AIセッションを自身のEddie Design…
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やObject-Property-M…
2026 · Week 16
DesignとEngineeringを一つに — 2026年 第16週 デザインシステム
今週のデザインシステムコンテンツは、デザイン意図とエンジニアリング実行のギャップを多角的に取り上げました。Matthias Ottは、デザイン・エンジニアリングのハンドオフが1898年のテイラーの科学的管理法に起源を持つと指摘し、Figma developer mode、Zeplin、Storybook、design…
2026 · Week 15
Storybook 10.3：MCP、A11y改善、Workflow Upgrade — 2026年 第15週 デザインシステム
今週の主役はReact向けMCP統合を導入したStorybook 10.3で、AIエージェントが実際のコンポーネント・ストーリー・ドキュメント・テストに直接構造的にアクセスし、幻覚なしでプロダクションレベルのUIを構築できるようにしました。ツールセットはDev（UI状態の可視化）・Docs（コンポーネント再利用）・Test（ア…
2026 · Week 14
Design System Pattern：Scalable… — 2026年 第14週 デザインシステム
第14週はNetguruが抽象的な概念を具体的な数値で裏付ける補完的なデザインシステム記事を連続公開しました。デザインシステム対スタイルガイドの比較では、成熟したシステムが生産性34%向上・設計関連エラー33%削減をもたらすと明らかにし、SilkデザインシステムはMVP設計期間を6か月から3か月に、セットアップ時間を50%短縮…
2026 · Week 13
React向けStorybook MCP — 2026年 第13週 デザインシステム
今週のデザインシステムの議論は2つの方向に展開されました。デザインワークフローにおける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…
2026 · Week 11
Figma MCPは頼んだものだけを正確に作る — それ以上はない — 2026年 第11週 デザインシステム
今週のfeatured記事はAI支援のdesign-to-codeワークフローを詳細に検証しました。Edy SilvaによるClaude Codeを通じたFigma MCPの実地実験が示した核心的な教訓は、具体性がすべてだということです。Sidebar.jsxのような特定のコンポーネントを更新するために正確なFigmaノードを…
2026 · Week 10
アクセシブルなフォーカスインジケーターガイド — 2026年 第10週 デザインシステム
今週のデザインシステム分野の中心テーマはアクセシビリティでした。フィーチャー記事であるElle SmithのAccessible focus indicatorガイドはWCAGに基づく具体的なルールを提示します。背景とunfocused状態の両方で最低3:1のcontrastを確保し、最低2pxの太さ（insetはさらに太く）…
2026 · Week 9
Async ReactのAction PropsでDesign Componentを構築… — 2026年 第9週 デザインシステム
今週のフィーチャー記事であるAurora ScharffのactionプロップについてのDeep Diveは、Async Reactにおける成熟しつつあるパターンを示しています。useTransitionとuseOptimisticを完全にカプセル化した再利用可能なTabListとEditableTextコンポーネントで、利用…
2026 · Week 8
Design Token命名のベストプラクティス — 2026年 第8週 デザインシステム
今週のdesign systemsは繰り返す緊張を浮き彫りにしました。アーキテクチャ的に堅牢なものを作ることと、実際に使われるようにすることの間のギャップです。注目記事のtoken命名はその基盤層を直接扱い、IBM Carbonモデルに倣うglobal-alias-component三階層構造が表記上の慣習ではなく、load-…
2026 · Week 7
エージェント型AIのためのデザイン：制御・同意・説明責任の実践的UXパターン —… — 2026年 第7週 デザインシステム
今週のデザインシステムカテゴリはAIとUXの交差点に関する議論が中心です。Smashing Magazineの注目記事は、信頼できるエージェントAIインターフェース設計のための6つの具体的なUXパターン — Intent Preview、Autonomy Dial、Explainable…
2026 · Week 6
Monday.comでデザインシステムにAIを活用する方法 — 2026年 第6週 デザインシステム
今週の注目アイテムは、2026年のデザインシステム作業が向かう方向を示しました。Monday.comのVibチームは、アノテーションだらけのFigmaハンドオフドキュメントをCursor内で直接使用するAI最適化仕様ファイルに置き換えました。カスタムVS Code拡張がFigmaリンクを受け取り、Figma…
2026 · Week 5
Design Tokens仕様の$extensionsを理解する — 2026年 第5週 デザインシステム
今週のデザインシステム関連コンテンツは、一つの共通テーマに収束しました。それは「外見ではなく役割で名前をつける」ことです。今週の注目記事はW3C DTCG仕様の$extensionsエスケープハッチを分析し、ツール固有のメタデータ、ガバナンス注釈、WCAGコントラスト比などのアクセシビリティデータをトークンに付加しながらコア仕…
2026 · Week 4
生成AIの先へ：エージェント型AIとユーザー中心デザインの台頭 — 2026年 第4週 デザインシステム
今週のdesign systemsの議論は、AIがデザイン分野をどのように再編しているか、そして既存の基準に何を意味するかという根本的な再考に支配されています。注目記事であるVictor YoccoのSmashing Magazine寄稿Beyond Generative: The Rise of Agentic AI…
2026 · Week 3
Web Almanac 2025：アクセシビリティ — 2026年 第3週 デザインシステム
今週のデザインシステムイシューは、2つの相互補完的なテーマを結びつけます。AIツールがスキップできないアクセシビリティの地道な作業と、デザインエンジニアリングワークフローにおけるAIエージェントとの協働という新しい規律です。フィーチャード記事の2025年版Web…
2026 · Week 2
Penpot、AI搭載デザインワークフロー向けMCPサーバーを実験 — 2026年 第2週 デザインシステム
第2週のデザインシステムを象徴するのは、本当に新しいシグナルです: PenpotがMCPサーバーをLLMとデザインAPIの間のプログラム的な橋渡しとして実験しており、AIがテキスト説明からの生成ではなく実際のデザイン操作を実行できるようにしています。PenpotはデザインをコードとしてPenpotが表現するため、MCPレイヤー…
2026 · Week 1
Figma Make：Sketch以来最大のUX/UIの転換 — 2026年 第1週 デザインシステム
2026年のデザイン界隈は一つの問いに支配されています。AIはこの仕事をどう変えるのか。今週の代表的な記事は、Figma MakeがSketch以来最大のUX/UIツールの転換点だと論じます。ローンチ以降4,000回を超える試行の末に書かれたこの記事は、誇大広告というより、プロトタイプ起点のAI支援デザインがデザイナーの職務を…