大規模プロダクトやチーム開発で不可欠なデザインシステムの設計・構築・運用を学ぶ上級講座です。デザイントークン設計、コンポーネントライブラリ構築、デザインとコードの連携、アクセシビリティ対応、チーム運用のガバナンスまで、デザインの仕組み化を10レッスンで体系的に習得します。
全レッスンの本文は登録なしで読めます。解説動画は無料登録で視聴できます
各レッスン3問の理解度チェック。解説つきで、全問正解でレッスン完了です
全レッスン合格で修了証を発行。URLでシェアでき、LinkedInにも追加できます
デザインシステムとは、プロダクトやブランドの一貫性を保つための包括的な設計基盤です。
25分
デザイントークンは、デザインシステムの最小構成単位です。
30分
コンポーネントライブラリは、再利用可能なUIパーツの集合です。
デザインと開発のハンドオフ（引き渡し）は、プロダクト開発で最も摩擦が生じやすいポイントです。
アクセシビリティ（a11y）は、障がいの有無や環境に関わらず、すべてのユーザーがプロダクトを利用できるようにする設計思想です。
現代のWebプロダクトは、スマートフォン、タブレット、デスクトップ、大画面モニターなど、多様なデバイスで利用されます。
ダークモードは単なるトレンドではなく、ユーザーの利用環境に応じた必須機能として定着しています。
モーション（アニメーション）はUIの重要な構成要素でありながら、デザインシステムで体系化されることが少ない領域です。
20分
デザインシステムは構築して終わりではなく、継続的な運用とガバナンス（統治の仕組み）が必要です。
デザインシステムの世界は急速に進化しています。
全レッスン・動画・修了証まですべて無料
登録は1分・クレジットカード不要