一覧へ戻る

記事

デザイナーの脳内をコピーして、誰でも90点以上のUIを作れるようにする

おすすめポイント

AI でチーム数が増える一方デザイナーは増えない、という多くのプロダクト組織が直面する課題への具体的な回答。デザイナーの頭の中にしかない判断基準をリポジトリとして外に出し、PM やエンジニアが Claude Code で「90点以上」の UI 案を作り、デザイナーはレビューに回る体制を実例つきで示している。デザイナー不在チームを率いる PM/PdM に特に刺さる内容。

内容

NEWT のデザインの正を管理する newt-design-system と、PRD・機能仕様を置いてデザイン作業を行う newt-spec の2リポジトリ構成を解説。デザイン案を本番と同じ UI コンポーネントで組み立てることで品質を揃え、デザイントークン・UX ガイドライン・機械可読なコンポーネント仕様(contract)を MCP サーバ経由で Claude Code に配信する。調査→仕様理解→複数案→提案というデザイナーの思考フローごと仕組み化し、確定した案がそのままデザインのマスターになる運用まで踏み込んでいる。

著者: トイ / 公開元: note.com / 公開日: 2026-07-07

フォーマット
Webリンク
タグ
AI ・ Claude Code ・ デザイン
更新日
2026/07/08