総合スコアでの対決上位Figma Makeが+19.9%
あなたはどっち派？
乗り換えましたか？匿名で教えてください
詳細スペック比較
編集部スコアこの項目で勝ち
3.98
料金プラン
Free: 無料
日本語対応この項目で勝ち
UI・出力とも◎
難易度
中級者向け
対応環境
Web、 Mac、 Windows
主な用途
AIデザイン、 プロトタイピング、 UI生成、 Figma
強み
Figmaのデザインやデザインシステムを手がかりに、コードで動くプロトタイプを生成できる、 Make kitsでnpmパッケージやライブラリのスタイルを同期し、細部まで作り込んだ試作を作れる
注意点この項目で勝ち
ローカルのコードベースで使う機能はベータで、まだ提供予定の段階、細部を詰めるにはMakeのファイルをキャンバスにコピーして手で整える必要がある
入手方法
ブラウザで利用
上のタブで他のツールに切替できます
| 項目 | |  |
|---|---|---|
| 編集部スコア | 3.98 | 3.76 |
| 料金プラン | Free: 無料 | Free: 無料 |
| 日本語対応 | UI・出力とも◎ | 英語のみ |
| 難易度 | 中級者向け | 初心者でも使いやすい |
| 対応環境 | Web、 Mac、 Windows | Web、 iOS、 Android、 Mac、 Windows、 CLI |
| 主な用途 | AIデザイン、 プロトタイピング、 UI生成、 Figma | アニメーション、 UIデザイン、 インタラクション、 Lottie代替 |
| 強み | Figmaのデザインやデザインシステムを手がかりに、コードで動くプロトタイプを生成できる、 Make kitsでnpmパッケージやライブラリのスタイルを同期し、細部まで作り込んだ試作を作れる | エディタで作ったものがそのままアプリ・ゲーム・Webで動き、モックや受け渡しが要らない、 Rive CLIを使えば、エージェントにインタラクティブなUIやモーションを生成させられる |
| 注意点 | ローカルのコードベースで使う機能はベータで、まだ提供予定の段階、細部を詰めるにはMakeのファイルをキャンバスにコピーして手で整える必要がある | デザイン・アニメーション・コードを1つのツールで扱うため、覚える範囲が広い、書き出した表現を動かすには、各環境にRiveランタイムを組み込む必要がある |
| 入手方法 | ブラウザで利用 | ブラウザで利用 |
編集部の独自スコアと公開情報をもとに、各項目で「勝っている」ツールに王冠を付けています。 料金・対応環境・難易度は調査時点の目安です。
スコア内訳
機能5.00
人気4.08
日本語2.00
勢い2.50
機能5.00
人気3.55
日本語0.00
勢い2.00
こんな人に合う
Figma Makeが合う人
- 1Figmaのデザインやデザインシステムを手がかりに、コードで動くプロトタイプを生成できる
- 2Make kitsでnpmパッケージやライブラリのスタイルを同期し、細部まで作り込んだ試作を作れる
- 3生成前にPlan modeで意図を整理し、編集できる計画を立ててから進められる
Riveが合う人
- 1エディタで作ったものがそのままアプリ・ゲーム・Webで動き、モックや受け渡しが要らない
- 2Rive CLIを使えば、エージェントにインタラクティブなUIやモーションを生成させられる
- 3オープンソースのランタイムがiOS・Android・Web・Unity・Unrealなどで動く
よくある質問
Figma
どちらも無料で始められます（Figma Makeは無料プランあり、Riveは無料プランあり）。無料プランありのツールは本格利用時に有料プランが前提になる点だけ注意してください。
Figma
編集部スコア（5点満点）ではFigma Makeが上です。Figma Makeが3.98、Riveが3.76でした。スコアの内訳はこのページのスコア対決セクションで確認できます。
Figma Makeの他の組み合わせも見る
同じカテゴリの人気ツール
この比較が役に立ったらシェアしてください