デザインシステム
Design System
一文でいうと
再利用可能なUI要素・パターン・ルールを体系化した設計基盤。
詳しく
Web/アプリの制作効率と一貫性を両立するための仕組み。カラー・タイポ・コンポーネント・パターンをまとめてドキュメント化する。ブランドガイドラインをデジタル製品向けに拡張したもの。
関連する用語
ID INC. のポッドキャスト「育てるブランディング」より
で、design.mdの中身はデザインシステムとして、色とかフォント、余白のルールが書いてあって、それぞれに「なぜこの色なのか」「この色は何を象徴してるのか」っていう説明が添えてある。
うん。要素と関係性をセットでAIに渡すと、精度が上がるよって話ね。 さっきちらっとデザインシステムの話をしたけど、このポッドキャストではブランディングをテーマにして話をしてるから、先に補足しておくと、design.md はまだ、ブランドそのものを定義するファイルではないんだよね。
で、Claude Designは大きな特徴として、最初にブランドのデザインシステムを読み込ませると、それ以降に作るものの、トンマナを保つことができるんだよね。
参考ソース
- AI補完(監修中)デザインシステム