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

こんにちは、令和トラベルでデザイナーをしているtoyです。 いま社内で、AIを前提にしたプロダクトデザイン環境を整えています。ひとことで言うと「デザイナー以外でも、Claude CodeでNEWTのデザインを作れるようにする」仕組みづくりです。 先に、実際のアウトプット例をお見せします。 作ったのは、デザイナーではありません。Claude CodeにPM/エンジニアが指示したもので、デザイナーはレビューのみに回ります。 NEWTでは今、一部のデザインがこのような流れで作られています。なぜこんなことをしているのか、どういう仕組みなのか、順に書いていきます。 チームは増える、デザイナーは増えないこれまでNEWTの開発チームには必ずデザイナーがいましたが、その前提がAIで崩れました。開発が速くなり、エンジニアのフルスタック化も進んで、少人数でもチームが組めるようになり、チームの数はどんどん増えて

[yarumato]

“デザイナーは、いきなり画面を描きません。調査して、仕様を理解して、案を複数出して、その中から提案します。この頭の中のフローごと仕組みにする。Figmaではなく、Claude CodeでUIを組み立て。”

[ttkazuma]

"ただし、まだできないこともあります。まったく新しい機能の、前例のない画面を、一貫したデザインと最適なUXで最終アウトプットまで仕上げることです。"

[simplememofast]

ガイドラインが読まれず腐るのはコード側ドキュメントと同じ病で、読み手にAIが入ると参照が仕組みで強制される。実行される仕様だけが生きるexecutable specと同型

[nguyen-oi]

Figmaではなく実装やMCPをデザインのシングルソースにしてAIに食わせる設計が極めて理にかなってる