はじめに

こんにちは！デザイナーのHyeminです。


今回は「Design Arena」というWebサービスをご紹介します！

最近はデザインでもAIの活用が当たり前になってきましたよね。

しかし…

• AIデザインのクオリティを客観的に比較するのが難しい
• AIツールの種類が多すぎて、どれを使えばいいのかわからない
• 結局、慣れたツールばかり使ってしまう

そんな課題を感じている方も多いのではないでしょうか？
実際、私も新しいAIが次々登場する中で、判断が追いつかないことがあります。

そこで役立つのが Design Arena です！

https://www.designarena.ai/

このサービスでは、AIが生成したデザインをユーザーが評価し、モデルごとのランキングを作成することができます。

つまり、「どのAIが一番いい仕事をしてくれるか？」を簡単に発見できるわけです！

実際に使ってみた

1. プロンプトを入力

サイトにアクセスすると、まず目に入るのはプロンプト入力フォームです。

今回は以下の条件で、スターバックスの新メニュー広告を生成してみました。

プロンプト（英語 & 日本語）

make Starbucks' New Menu Advertisement
the menu is a Christmas concept drink with red as the main color
using visually attractive and trendy techniques for young women
avoid using too much text and use eye-catching designs and layouts

スターバックスの新しいメニューの広告
レッドをメインカラーにしたクリスマスコンセプト
若い女性をターゲットにしたトレンディで視覚的に魅力的なデザイン
テキストは少なめ、目を引くレイアウトで

カテゴリーは Graphic Design を選択しました。

2. 好みのデザインを選択

少し待つと、4つのデザインが生成されます。

どのAIが作ったのかはブラインドのまま、
トーナメント形式で好みの1枚を選んでいきます。

1つ目の対戦 → 実写感が良かったので左を選択

2つ目の対戦 → 右はAIが生成した3Dぽさが強かったので左を選択

直感的に選んでいくだけなので、ゲーム感覚で楽しい！

3. 結果を確認

上下の順位付けが終わると…

AIモデル名と一緒にランキングが表示されます。
今回のプロンプトでは
Atelier が1位という結果に！
色のトーンも綺麗で、世界観が良い感じでした ✨

さらに、投票結果はサイト上に公開されるため、
他のユーザーの生成デザインも閲覧できます。

たとえばこちらは他の方が作った UIコンポーネントです。
プロンプトは「バーチャルクローゼットアプリ」を入力しています。

モデルによっては動きやコードも確認できます！デザイナーだけでなくエンジニアにも嬉しいポイントですね。

そして蓄積された評価をもとに、どの分野でどのAIモデルが強いかグラフで確認できます。

自分で全部試さなくてもどれが一番使えるか把握することもできて便利です。

まとめ

Design Arenaを使って便利だと思った点は3つ：

1. 同じプロンプトでどのAIが最適か一気に比較できる
2. 直感的に選ぶだけでプロンプト改善のヒントが得られる
3. 非デザイナーでも「欲しいデザインの言語化」がしやすい

実際、私も今回の結果を見て

「実写の方が合うかも？」
「キラキラしたエフェクトを追加したいな」

など、次に試したい方向性が明確になりました。

AIツール選びに迷っている方、提案やプロトタイプを効率的に作りたい方に、とてもおすすめです！

皆さんもぜひ試してみてください 🙌