ガチで変わった。 CodexにProduct Designプラグインが登場。 「コードは書けるけどデザインはダサい」と言われてきたCodexが、デザイン思考を丸ごと取り込んだ。 ・いきなりコードを書かず、まず3種類の高品質デザイン案を提示 ・スタイルを確定してからコーディングへ ・デモではスクロール演出や動く背景まで作り込まれたサイトが完成 「先にデザイン、後に実装」へのシフト👇

これ何がすごいかというと、「とりあえずコードを書いてあとでデザインを直す」ではなく、「審美性を先に決めてから実装する」ができること。 これまでのAI開発ツールはコード生成が得意でも、見た目のセンスはあと回しだった。Product Designプラグインは、その順番を逆にした。 まず3パターンの高忠実度デザイン参考画像を出して、ユーザーに「どの方向性で行く？」を選ばせる。方向性が固まってから初めてコードが動く。 つまり、デザイン判断をAIに丸投げするのではなく、人間が審美性の舵を握ったまま開発を進められる。

これって本質的には、「AIがコードを書いてくれる」から「AIがデザイン×開発を一貫して担う」へのシフト。 ・デザイン参考画像の提示（スタイル選択） ・インタラクション設計（スクロール演出・動的背景） ・実装（コード生成） この3段階を一気通貫でこなせるようになる。

例えば、「企業サイトを作って」と依頼すると、 ① まず3種類の異なるテイストのデザイン案を画像で提示 ② ユーザーが好みのスタイルを選択 ③ そのスタイルに沿ってスクロール演出・動画カード・動的背景を組み込んだコードを生成 という順で進む。 「完成したけどダサかった」がなくなる開発フロー。

元ポストはこちら👇

この投稿が参考になったら、 @so_ainsight をフォロー。いいね、リポストもよろしく。

"いきなりコードを書かず、まず3種類の高品質デザイン案を提示" これいいですね。 先に見た目の判断を済ませておくと、実装AIへの指示が「この案のここ」で済んで手戻りが激減しますね。

今まで枠組みだけしか期待できませんでしたが、デザインにも力を入れてきてくれたのは嬉しいですよね！ 言語化が苦手でも、Codexがユーザーのイメージをある程度は汲み取ってくれるから、初心者でもデザイナー泣かせですね！

woah that’s kinda wild, codex out here oearning taste now??