デザインをセンスで考えず、見る人、情報の順番、一貫性、AIへの設計書に分けて考える方法をまとめました。
タグ: DESIGN.md
CodexでWebデザインを改善する方法｜参考サイトの見方とAIへの指示テンプレート
Codexでデザインがうまくいかない原因は、AIに渡す判断基準が足りないこと。Awwwards、Godly、Landbookを見て、良いと感じた理由を言葉にし、Codexへの指示に変える方法を整理します。
DESIGN.md作成ツールを作った理由 10問でデザインのズレを減らす
DESIGN.mdは、AIと人が同じ見た目の判断基準を持つための入口です。サイト改修で起きがちな「何かしっくりこない」「修正が増える」を減らすために、10問に答えるだけでDESIGN.mdとUI生成プロンプトを作れる仕組みを整理しました。
Google StitchのDESIGN.mdとは？ AIに見た目のルールを渡せるのが便利
StitchのDESIGN.mdは、AIが読めるデザインシステムのメモです。色、文字、部品のルールをMarkdownで持てるので、画面ごとの見た目がばらけにくくなります。