AIでおしゃれな画面を作るためのデザインシステムを学ぼう！ - Qiita

Webサイトのデザインを、AIやデザイナーに「おしゃれにしてください」「いい感じにしてください」だけで依頼すると、完成イメージが大きくズレます。 なぜなら、Webデザインには「どんな情報を・どの順番で・どんなレイアウトで・どんな雰囲気で・どんな色で・どんな文字で・どんな部品で・スマホではどう」という複数の観点があるからです。 この記事では、AIでおしゃれな画面を作るために知っておきたいデザインシステムと、AI・デザイナーへの指示の考え方を、デザイン初心者にもわかるように整理します。そのまま使える「指定例（プロンプト）」も各章に載せています。 本記事は社内キャッチアップ会（AIデザインツール「Claude Design」の検証）で作成した資料をベースにしています。スクラッチ開発ではデザインシステムが無いぶん、AIへの指示で「何を定義すべきか」を知っておくことが品質に直結します。 1. Web