感動してしまいました。代替フローという形で、異常系まで具体的に書いてくれています。ワイヤーフレームの作成このフェーズで主に挙げられるのは以下の作業ですが、正直AIにお願いするには難しい、荷が重い部分だと感じました。スケッチや低保守ワイヤーフレームの作成レイアウト、UIコンポーネント、ナビゲーションの設計プロトタイプの作成(オプション)▼壮大なアプリケーションのナビゲーションの再設計、サイトマップ生成これはYouTubeのようなWebサービスでは可能でしたが、例えばジョブカンやZOZOTOWNでは生成してもらえませんでした。業務アプリケーションはまず無理でしょう。サイトマップを書いた上でのナビゲーションのリニューアルなども、人間の手が必要な領域なのではないかと思います。言葉や要素の抽出はできても、組み替えたり決めたりするのはAIにはまだ難しそうです。(実装をそのまま開始できるレベル)UIを正しく書いてくれる方法は現時点では存在しませんが、チェックリストを生成してもらったり、テスト設計をしてもらうことは可能です。チェックリストを生成しておけば、デザイナーが必要なすべての要素を考慮できるようになります。デザイナーはアクセシビリティ、カラー、テキスト、一貫性、ユーザビリティなどの重要な要素をカバーすることで、素早く土台となるクオリティをそろえることができます。ブランドステートメントのアイデア出しこれについてはChatGPTではなく画像生成ツールの「Midjourney」が頼りになりそうです。細かい要件が決まっていればそれらの言葉をプロンプトに入れて、アイディエーションができるかも。筋の良さそうなものを選んでベクター変換して調整すれば、いくつか使えそうなものもありました。新しいブランドラインができたと仮定して書いてもらいました。いい感じですね、特に2つ目は結構好きです。「刺激的」が言葉そのままで使われてしまったのが微妙ですが、アイデア出しとしては充分なのではないでしょうか。▼デザインガイドラインの執筆タブコンポーネントのガイドラインを書いてもらった後、より詳しくタブコンポーネントとセグメントコントロールコンポーネントの使い分けについて教えてもらいました。内容としては異論もそこまでなく、また、あくまでガイドラインですし、必ずしもこれが適用されるわけではないので、十分使えそうな内容でした。プロダクトならではの思想が影響する部分は、人間が記述する必要がありそうですが、時間がだいぶ短縮されるのではないでしょうか?▼条件によって、大量に分岐するUIの設計UIを正しく書いてくれる方法は現時点では存在しないので、今ある解決策で頑張るしかなさそうです。パターン化であったり、インタラクティブなプロトタイプ設計など。▼カラースタイルの生成プライマリーカラーを指定し、パレットを提案してもらった上で、セマンティックトークンの例も作ってくれました。セマンティックトークンの命名は所々微妙ですが全く使えないわけでもないです。使用すれば、もしかするとFigma上でちまちまカラースタイルをイチから作らなくてもいいかもしれないですね。▼テキストスタイルの生成こんな感じでChatGPTに指令をすればいけます。sizeの基準値が14pxの日本語のWebアプリケーションがあるとします。プロダクトで使われる全てのテキストスタイルを考案してください。1」を使用してください。1rem=14pxとします。letter-spacingの4項目を定義してください。