何を見るべきか
デザインシステムは、画面の見た目や部品のルールをまとめたものです。AIでUIを作る時代ほど重要になります。
AIは画面を素早く作れますが、ルールがないとページごとに色、余白、ボタンの形がばらつきます。
デザインシステムに含まれるもの
| 項目 | 内容 |
|---|---|
| 色 | メインカラー、背景色、警告色 |
| 文字 | 見出し、本文、サイズ |
| 余白 | 画面の間隔ルール |
| 部品 | ボタン、カード、フォーム |
| 状態 | エラー、読み込み中、空表示 |
AI時代に必要な理由
AIに「いい感じの画面」と頼むと、毎回違う見た目になる可能性があります。デザインシステムがあると、AIにも「このルールに従って」と指示できます。
初心者は、まずボタン、カード、フォームの3つだけでもルール化すると効果があります。
まとめ
AIでUIを作るなら、センスよりルールが重要です。デザインシステムは、AIの出力を安定させるための土台になります。
参考リソース
← 一覧に戻るPR
PR
