OpenDesignArena
デザインに合った AI モデルを見つけよう。
実際の評価で、品質・速度・コストを比べて選ぶ。
21 種類のエージェントに対応し、ランキング掲載モデルをすべて利用できます ダウンロードして、Claude Haiku 5.5 でデザインを始めよう
コストパフォーマンス重視
品質・コスト・速度の最適なバランス。
本評価で、Claude Haiku 5.5 は首位の GPT-6.1 Sol の平均スコアの 91% を達成しながら、平均コストはその約 5% にとどまりました。
- 成果物あたりのコスト
- $0.018比較: $0.382
- 評価の平均スコア / 100
- 82.2比較: 90.1
スコア重視
スピード重視
モデルを比較
2~3 個のモデルを選び、5 つの観点を 1 つのチャートで比較します。形の違いが、それぞれの強みを示します。
5 つの評価軸
すべての軸で外側ほど良好です。完成はより速く、コストはより低くなります。
全 20 モデルの各軸の平均
重視する条件から選ぶ
評価された品質、コスト、速度のバランスを調整し、ニーズに合うモデルを見つけます。
- 品質
- 50%
- コスト
- 30%
- 速度
- 20%
- 1 Claude Haiku 5.5 84.2 平均スコア:82.2/100; 平均コスト:$0.018; 平均時間:2.5 分
- 2 GPT-6 Luna 82.5 平均スコア:83.1/100; 平均コスト:$0.016; 平均時間:4.2 分
- 3 DeepSeek V4.1 Flash 78.8 平均スコア:81.2/100; 平均コスト:$0.023; 平均時間:5.3 分
- 4 MiMo 2.6 Flash 73.6 平均スコア:83.5/100; 平均コスト:$0.029; 平均時間:16.0 分
- 5 GPT-6 Sol 72.6 平均スコア:89.9/100; 平均コスト:$0.297; 平均時間:4.7 分
- 6 GPT-6.1 Sol 70.3 平均スコア:90.1/100; 平均コスト:$0.382; 平均時間:6.2 分
- 7 GLM-5.3 Flash-X 70.0 平均スコア:80.1/100; 平均コスト:$0.098; 平均時間:8.0 分
- 8 Claude Sonnet 5.5 68.9 平均スコア:86.8/100; 平均コスト:$0.574; 平均時間:4.1 分
- 9 GPT-5.6 Sol 65.7 平均スコア:77.6/100; 平均コスト:$0.544; 平均時間:3.2 分
- 10 Gemini 3.8 Flash 64.7 平均スコア:68.9/100; 平均コスト:$0.210; 平均時間:3.8 分
- 11 Gemini 4 Argon 63.3 平均スコア:81.2/100; 平均コスト:$0.667; 平均時間:6.4 分
- 12 Muse Spark 1.3 63.2 平均スコア:66.6/100; 平均コスト:$0.267; 平均時間:3.3 分
- 13 MiniMax M3.1 Flash 62.9 平均スコア:81.7/100; 平均コスト:$0.247; 平均時間:17.5 分
- 14 Muse Wonder 61.3 平均スコア:76.2/100; 平均コスト:$1.25; 平均時間:3.3 分
- 15 Grok 4.7 59.6 平均スコア:82.9/100; 平均コスト:$0.662; 平均時間:16.3 分
- 16 GPT-6 Astra 57.5 平均スコア:82.7/100; 平均コスト:$1.61; 平均時間:11.1 分
- 17 Hunyuan H4 Preview 54.6 平均スコア:74.6/100; 平均コスト:$0.418; 平均時間:29.2 分
- 18 Qwen 3.8-Max 52.3 平均スコア:72.0/100; 平均コスト:$0.595; 平均時間:26.4 分
- 19 Claude Fable 5.1 52.1 平均スコア:80.3/100; 平均コスト:$3.66; 平均時間:12.8 分
- 20 Kimi K3 52.1 平均スコア:65.7/100; 平均コスト:$0.614; 平均時間:14.0 分
用途からモデルを選ぶ
デザイン用途を選ぶと、以下の 5 つの観点から、それぞれおすすめのモデルを表示します。
GPT-6.1 Sol
- 平均スコア 平均スコア高いほど良い 評価したすべての成果物の平均スコアです。100 点満点で表示します。
- 90.1/100
- 平均要件充足度 要件充足度高いほど良い 必要なページ、内容、状態、インタラクションが実装されているかを 30 点満点で評価します。
- 28.0/30
- 平均デザイン品質 デザイン品質高いほど良い レイアウト、階層、スタイル、色、画像の適合性を 70 点満点で評価します。
- 62.2/70
- 平均納品基準達成率 納品基準達成率高いほど良い 評価した成果物のうち、80 点以上を獲得した割合です。
- 90.0%
- 平均時間 平均完了時間低いほど良い 採点済み成果物の合計実行時間を、成果物の数で割った値です。
- 6.2 分
- 成果物あたりの平均コスト 成果物あたりのコスト低いほど良い 公式の標準単価と実測トークン使用量から推計します。
- $0.382/回
GPT-6.1 Sol
- 平均デザイン品質
- 62.2/70
- 平均スコア
- 90.1/100
- 平均納品基準達成率
- 90.0%
- 平均要件充足度
- 28.0/30
- 平均時間
- 6.2 分
- 成果物あたりの平均コスト
- $0.382/回
DeepSeek V4.1 Flash
- 平均要件充足度
- 28.4/30
- 平均スコア
- 81.2/100
- 平均納品基準達成率
- 57.7%
- 平均デザイン品質
- 52.8/70
- 平均時間
- 5.3 分
- 成果物あたりの平均コスト
- $0.023/回
Claude Haiku 5.5
- 平均時間
- 2.5 分
- 平均スコア
- 82.2/100
- 平均納品基準達成率
- 62.2%
- 平均要件充足度
- 26.5/30
- 平均デザイン品質
- 55.7/70
- 成果物あたりの平均コスト
- $0.018/回
GPT-6 Luna
- 成果物あたりの平均コスト
- $0.016/回
- 平均スコア
- 83.1/100
- 平均納品基準達成率
- 70.5%
- 平均要件充足度
- 25.2/30
- 平均デザイン品質
- 57.9/70
- 平均時間
- 4.2 分
品質とコスト
モデルの評価結果と、その実現にかかるコストを比較します。
品質のランキング
コストと品質の比較基準線
ピンクの領域内の 9 モデルは、DeepSeek V4.1 Flash よりコストが高く、スコアが低くなっています。
用途別の評価
Web アプリ(複数ページの構成と操作フロー)を表示中。MiMo 2.6 Flash が 93.9 点で首位、納品基準達成率は 100.0%、1 回あたりのコストは $0.043 です。
モバイルアプリ(タッチ操作とレスポンシブレイアウト)を表示中。Hunyuan H4 Preview が 89.5 点で首位、納品基準達成率は 83.3%、1 回あたりのコストは $0.404 です。
デスクトップアプリ(デスクトップの作業フローと複雑な操作)を表示中。GPT-6.1 Sol が 93.0 点で首位、納品基準達成率は 100.0%、1 回あたりのコストは $0.340 です。
ダッシュボード(情報密度と階層)を表示中。GPT-6.1 Sol が 95.6 点で首位、納品基準達成率は 100.0%、1 回あたりのコストは $0.365 です。
ランディングページ(ブランド表現とコンバージョン)を表示中。GPT-6.1 Sol が 89.8 点で首位、納品基準達成率は 88.9%、1 回あたりのコストは $0.349 です。
Web アプリのランキング
Web アプリ · コストと品質の比較基準線
ピンクの領域内の 10 モデルは、DeepSeek V4.1 Flash よりコストが高く、スコアが低くなっています。
モバイルアプリのランキング
モバイルアプリ · コストと品質の比較基準線
ピンクの領域内の 9 モデルは、DeepSeek V4.1 Flash よりコストが高く、スコアが低くなっています。
デスクトップアプリのランキング
デスクトップアプリ · コストと品質の比較基準線
ピンクの領域内の 11 モデルは、DeepSeek V4.1 Flash よりコストが高く、スコアが低くなっています。
ダッシュボードのランキング
ダッシュボード · コストと品質の比較基準線
ピンクの領域内の 2 モデルは、DeepSeek V4.1 Flash よりコストが高く、スコアが低くなっています。
ランディングページのランキング
ランディングページ · コストと品質の比較基準線
ピンクの領域内の 9 モデルは、DeepSeek V4.1 Flash よりコストが高く、スコアが低くなっています。
モデルの効率
完了時間、キャッシュヒット率、トークン消費量を比較します。数値はすべて実測の平均値です。
キャッシュ 83% · 入力 389.1K · 出力 23.3K
キャッシュ 81.5% · 入力 344.4K · 出力 13.7K
キャッシュ 49.8% · 入力 288.4K · 出力 31.3K
キャッシュ 80.5% · 入力 1067.4K · 出力 47.7K
キャッシュ 83.4% · 入力 317.0K · 出力 17.3K
キャッシュ 68.6% · 入力 458.7K · 出力 44.3K
キャッシュ 81% · 入力 318.7K · 出力 15.5K
キャッシュ 80% · 入力 195.3K · 出力 24.8K
キャッシュ 97.6% · 入力 9343.4K · 出力 126.6K
キャッシュ 89% · 入力 1462.8K · 出力 29.2K
キャッシュ 67.5% · 入力 372.9K · 出力 41.6K
キャッシュ 94% · 入力 715.7K · 出力 63.6K
キャッシュ 66.6% · 入力 390.5K · 出力 32.9K
キャッシュ 80.7% · 入力 236.6K · 出力 14.5K
キャッシュ 33.3% · 入力 312.9K · 出力 21.2K
キャッシュ 90.9% · 入力 3085.9K · 出力 46.0K
キャッシュ 79% · 入力 836.8K · 出力 28.6K
キャッシュ 70.9% · 入力 392.3K · 出力 27.9K
キャッシュ 31.5% · 入力 235.9K · 出力 13.4K
キャッシュ 71.7% · 入力 427.1K · 出力 16.1K
評価方法
要件充足度とデザイン品質を採点し、効率とコストは別に報告します。
課題とサンプル
Web アプリ、モバイルアプリ、デスクトップアプリ、ダッシュボード・管理画面、Web サイト・ランディングページの 5 つの用途について、共通のデザイン課題でモデルを評価します。結果が示すのは、実践的なプロトタイプ生成課題での性能であり、モデルの汎用的な能力ではありません。
ページ表示の確認
採点前に各成果物を Web ページとして開けるか確認し、白紙のページ、途中で途切れた内容、致命的な実行時エラーがないかを調べます。表示できない成果物は 0 点とし、再実行で結果を差し替えることはありません。正常に開けることは、その後の評価に進むための前提条件であり、要件を満たしていることや納品可能であることを意味しません。
要件充足度とデザイン品質
各成果物を 100 点満点で採点します。要件充足度は 30 点で、ページやモジュール、必要な内容、画面の状態、インタラクションを課題の要件と照合し、達成・一部達成・未達成で評価します。デザイン品質は 70 点で、レイアウトと読みやすさ、情報の階層、スタイルと課題の適合性、色とコントラスト、画像の適合性と内容との関連性の 5 項目を均等に評価します。各項目は達成・一部達成・未達成で採点します。
平均スコアと納品基準達成率
平均スコアは、モデルごとの採点済み成果物の算術平均です。本評価では、80 点以上の成果物を納品基準達成とみなします。納品基準達成率は、採点済み成果物のうち、この基準を満たす成果物の割合です。モデルが基準を満たす結果をどの程度安定して生成できるかを示します。ここでの納品基準は、本評価におけるプロトタイプの品質基準であり、本番環境で利用できる状態を保証するものではありません。
効率とコスト
完了時間、キャッシュヒット率、入力・出力トークン数、ツール呼び出し回数は、品質スコアとは別に実測平均値を報告します。各成果物のコストは、記録されたトークン使用量と標準の入力・出力・キャッシュ読み取り単価から推計し、その平均値を算出します。これはリソース消費を比較するための推計であり、請求額ではありません。記録されていない料金は含みません。効率とコストは評価スコアに加算されません。選定条件を変更するとおすすめ順位は変わりますが、元の評価結果は変わりません。
