壊滅的な自分のUIデザインをAIにいい感じにしてもらう #v0 – Qiita

自分は正直デザインが苦手です…。
なので個人開発で画面のイメージを作ってみたものの、パワーポイントでただ図形をはっつけたような悩ましいもので「なんとかならないものか」と頭を抱えていました。

そんな時に色々調べてく中で出会ったのが、VercelのAIツール「v0」。
なんとなく試してみたら、いい感じになったのでデザイン苦手な人でも大丈夫ですよってことで記事にしようと思いました！

Next.jsを開発しているVercel社で開発されたAIツールです。
自然言語でUIないしはコードを生成してくれます。

まずは、僕がfigmaで作った、こちらの壊滅的なデザインをご覧ください笑

以下のイメージで画面を作りましたが、ここからv0にいい感じにしてもらおうと思います。

コンセプト

日記アプリのホーム画面を作成してください。 以下の要素を含めてください：

・一番上のカードには「今月の幸せメモリ」というタイトルで記録した数が表示 
・真ん中にユーザーを褒めてくれるキャラクター（画面内に常に表示される仮想キャラクターのような存在） 
・下には「小さな幸せを記録する」という文言のボタン 
・デザインの雰囲気は「薄いピンクで温かみのあるモダンなUI」にしてください。 
・スマホライクな画面

「小さな幸せを記録する」ボタンをクリックしたら、日記追加のダイアログを出すようにしたいです。
その際以下の要素を入れてください 
・気分を絵文字で選択できる 
・画像をアップロードする欄がある

日記アプリの一覧画面を作成してください。 以下の要素を含めてください：

・一番上にはカレンダーが表示
・カレンダーの日付をクリックするとカレンダーの下に記録した日記のカードが表示
・カードをクリックすると詳細を見れる

日記アプリの一覧画面を作成してください。 
テーマの変更のほかにまだ案がないのでいい感じの設定があれば適宜追加してください。