フレームワーク活用ガイド#デザインシステム
9件のフレームワーク
デザイン負債
UI/UXの一貫性崩壊を可視化し計画的返済
UI不整合の可視化
デザインリファクタリング計画
デザインシステム導入判断
マテリアルデザイン
Google提唱の物理法則に基づくデジタルUIデザインシステム
Android/Web UIの設計
デザインシステム構築
一貫性のあるUI開発
マテリアルデザインの原則
物理法則に基づいたGoogleのUI設計思想と応用
Androidアプリのデザイン
ウェブアプリのUI設計
デザインシステムの参考
モジュラーデザイン
独立した部品の組み合わせで柔軟なUIを構築
デザインシステムの構築
UI実装の効率化
複数プロダクトのUI統一
アトミックデザイン
UIを原子→分子→有機体→テンプレート→ページの5階層で設計する手法
デザインシステム構築
UIコンポーネント設計
デザインと開発の連携
スタイルガイド
デザインの色・タイポグラフィ・コンポーネントなどのルールを文書化し、一貫性を保つ指針
UIの一貫性担保
チーム間のデザイン共有
ブランドガイドラインの策定
新メンバーのオンボーディング
デザイントークン
色・サイズ・余白などのデザインの基本値を一元管理し、デザインと実装の一貫性を保つ仕組み
デザインシステムの構築
マルチプラットフォーム対応
ブランドの一貫性維持
テーマ切り替え（ダークモードなど）
デザインシステム
UIコンポーネント・ルール・ガイドラインを体系化し、一貫したプロダクトを効率的に作る仕組み
プロダクトのUI統一
デザインと開発の効率化
複数プロダクトのブランド統一
デザインハンドオフ
デザイナーからエンジニアへ、実装に必要な情報を正確かつ効率的に受け渡すプロセス
デザインから実装への引き継ぎ
実装品質の向上
手戻りの削減
デザイナー・エンジニア間のコミュニケーション改善