総合スコアでの対決上位Figma Makeが+2.1%
あなたはどっち派？
乗り換えましたか？匿名で教えてください
詳細スペック比較
編集部スコアこの項目で勝ち
3.98
料金プラン
Free: 無料
日本語対応
UI・出力とも◎
難易度
中級者向け
対応環境
Web、 Mac、 Windows
主な用途
AIデザイン、 プロトタイピング、 UI生成、 Figma
強み
Figmaのデザインやデザインシステムを手がかりに、コードで動くプロトタイプを生成できる、 Make kitsでnpmパッケージやライブラリのスタイルを同期し、細部まで作り込んだ試作を作れる
注意点この項目で勝ち
ローカルのコードベースで使う機能はベータで、まだ提供予定の段階、細部を詰めるにはMakeのファイルをキャンバスにコピーして手で整える必要がある
入手方法
ブラウザで利用
上のタブで他のツールに切替できます
| 項目 | |  |
|---|---|---|
| 編集部スコア | 3.98 | 3.95 |
| 料金プラン | Free: 無料 | Starter: 無料 |
| 日本語対応 | UI・出力とも◎ | UI・出力とも◎ |
| 難易度 | 中級者向け | 中級者向け |
| 対応環境 | Web、 Mac、 Windows | web |
| 主な用途 | AIデザイン、 プロトタイピング、 UI生成、 Figma | ノーコード、 アプリ開発、 ローコード、 Webflow |
| 強み | Figmaのデザインやデザインシステムを手がかりに、コードで動くプロトタイプを生成できる、 Make kitsでnpmパッケージやライブラリのスタイルを同期し、細部まで作り込んだ試作を作れる | Flexbox/Gridをドラッグ操作で組み、セマンティックなHTMLとして出力できる、 CMSのコレクションで記事・事例・製品マスタを構造化し、ページテンプレに紐づけられる |
| 注意点 | ローカルのコードベースで使う機能はベータで、まだ提供予定の段階、細部を詰めるにはMakeのファイルをキャンバスにコピーして手で整える必要がある | CMSを使うには月$25のPremium以上が必要、複数サイト運用や複数人編集ではWorkspace Plansの併用が必要になる |
| 入手方法 | ブラウザで利用 | ブラウザで利用 |
編集部の独自スコアと公開情報をもとに、各項目で「勝っている」ツールに王冠を付けています。 料金・対応環境・難易度は調査時点の目安です。
スコア内訳
機能5.00
人気4.08
日本語2.00
勢い2.50
機能4.31
人気4.41
日本語3.50
勢い4.00
こんな人に合う
Figma Makeが合う人
- 1Figmaのデザインやデザインシステムを手がかりに、コードで動くプロトタイプを生成できる
- 2Make kitsでnpmパッケージやライブラリのスタイルを同期し、細部まで作り込んだ試作を作れる
- 3生成前にPlan modeで意図を整理し、編集できる計画を立ててから進められる
Webflowが合う人
- 1Flexbox/Gridをドラッグ操作で組み、セマンティックなHTMLとして出力できる
- 2CMSのコレクションで記事・事例・製品マスタを構造化し、ページテンプレに紐づけられる
- 3スクロール連動やページ遷移のアニメーションをタイムラインUIで設定でき、Lottieにも対応
よくある質問
Figma
どちらも無料で始められます（Figma Makeは無料プランあり、Webflowは無料プランあり）。無料プランありのツールは本格利用時に有料プランが前提になる点だけ注意してください。
Figma
ほぼ互角です。編集部スコア（5点満点）はFigma Makeが3.98、Webflowが3.95で、総合点では差がつきませんでした。用途別の向き不向きで選んでください。
Figma Makeの他の組み合わせも見る
同じカテゴリの人気ツール
この比較が役に立ったらシェアしてください