週刊ダイジェスト・アーカイブ

デザインシステム

出典を確認した週刊レポート38件を新しい順に掲載しています。

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