FramerとWebflowの徹底比較｜料金・AI機能・MCP対応【2026年8月最新】
デザイン主導でLPやブランドサイトを速く作るならFramer、CMSや構造化されたWeb運用を重視するならWebflowが向きます。
Framerが向いている人
- ✓ デザイナーが短期間でLPを公開したい
- ✓ アニメーションやビジュアル表現を重視する
- ✓ Figmaに近い感覚でサイトを作りたい
Webflowが向いている人
- ✓ CMS、SEO、複数ページの運用を重視する
- ✓ マーケサイトを長期的に拡張したい
- ✓ 構造やカスタムコードの自由度も見たい
Framer
Design and publish modern websites, fast.
Framerは、デザイン〜公開までを一体化したノーコード/ローコードのWebサイト制作プラットフォームです。デザインツールとしての編集体験に加え、CMS、ホスティング、SEO、A/Bテスト等を含む公開基盤を提供します。Server APIにより、サーバーからCMS更新や公開の自動化も可能です。
Webflow
Visual web development platform for designers
ノーコードで本格的なレスポンシブWebサイトを構築できるビジュアル開発プラットフォーム。HTML/CSS/JavaScriptを書かずに、Figma感覚でサイトを設計・公開できる。CMS・EC・ホスティングも統合。2024年にWebflow AIを追加し、サイト生成・コンテンツ自動化を強化。
AIスコアの内訳
AIスコアとは？
AIスコア＝（AI機能搭載度 ＋ Agent Ready）÷ 10 × 100
① AI機能搭載度（0〜5点）
- 4〜5点 — AIをコア機能として搭載（AIネイティブ）
- 2〜3点 — AI機能を後付けで追加
- 0〜1点 — AI機能なし or 最小限
② Agent Ready（0〜5点）
- MCP層（最大2点）
- 公式MCPサーバー ＋2点
- コミュニティMCP（公式なし）＋1点
- API層（最大2点）
- REST / GraphQL API ＋1点
- 書き込みAPI（Write API）＋0.5点
- OpenAPIスキーマ公開 ＋0.5点
- 連携・実装層（最大1点）
- Function Calling 実装実例 ＋0.5点
- 公式SDK ＋0.25点 / OAuth対応 ＋0.25点
- 自動化層（最大0.5点）
- Zapier / Make 対応 ＋0.25点
- Webhook ＋ シグネチャ検証 ＋0.25点
合計は上限5点でキャップ。同点の場合は 公式MCP有無 → API充実度 → 登録年 で順位決定
SaaS MAPのAIスコアは「AI機能搭載度」と「Agent Ready」の2軸を100点換算した独自指標です。単にAI機能があるかだけでなく、Claude・ChatGPT・CursorなどのAIエージェントから操作しやすいかも見ています。
| 項目 | Framer | Webflow |
|---|---|---|
| AI機能搭載度 | 2/5 一部機能でAIを使える
例: AI-powered design tools / 翻訳/ローカライズ等のAI支援（プラン/アドオン依存） | 2/5 一部機能でAIを使える
例: Webflow AI（サイト生成） / AI Assistant（コンテンツ生成） |
| Agent Ready | 3/5
APIや自動化連携は一部対応
REST API
SDK
| 3/5
APIや自動化連携は一部対応
REST API
Webhook
SDK
|
| 総合点 | 50/100 = (2 + 3) / 10 × 100 | 50/100 = (2 + 3) / 10 × 100 |
用途別おすすめ早見表
| 用途 | おすすめ | 理由 |
|---|---|---|
| プロダクトLP制作 | Framer | デザインから公開までを速く進めやすい |
| コンテンツサイト運用 | Webflow | CMSと構造化した運用に向く |
| ノーコードWeb制作 | 両方候補 | 制作速度と運用深度のどちらを優先するかで選びたい |
機能・スペック比較表
| 項目 | Framer | Webflow |
|---|---|---|
| スコア | ||
| AIスコア（/100） | 50点 | 50点 |
| AI機能スコア（/5） | 2/5 | 2/5 |
| Agent Readyスコア（/5） | 3/5 | 3/5 |
| 料金 | ||
| 無料プラン | ✓ | ✓ |
| 最安価格（USD/月） | $10 | $14 |
| Agent Ready | ||
| 公式MCPサーバー | ✗ | ✗ |
| REST API | ✓ | ✓ |
| Webhooks | ✗ | ✓ |
| 公式SDK | ✓ | ✓ |
| OpenAPIスキーマ | ✗ | ✗ |
| 日本対応 | ||
| 日本語UI | ✗ | ✗ |
| 日本語ドキュメント | ✗ | ✗ |
| JCBカード対応 | ✗ | ✓ |
| 日本円請求 | ✗ | ✗ |
メリット・デメリット比較
Framer
- ✓ ノーコードサイト・LP制作領域の業務をまとめて整理しやすい
- ✓ Agent Readyの観点では、REST API・Zapier/Makeに対応している点を確認できます
- ✓ 無料枠があり、有料プランは月額$10前後から検討できますため、予算感を比較しながら検討できる
- × 料金・機能は変更されることがあるため公式情報の確認が必要
- × 既存ツールとの機能重複や移行コストを事前に見積もる必要がある
- × 日本語対応や請求条件は導入前の確認が必要
Webflow
- ✓ デザイン自由度がノーコードSaaSの中で最高水準
- ✓ 出力コードがクリーンでSEOに強い
- ✓ CMSとEC・ホスティングが標準で統合されている
- ✓ API・Webhook完備で外部連携しやすい
- × 学習コストはStudio/Wixより高い（CSS/Flexboxの知識があると有利）
- × 管理画面が日本語化されておらず、初学者には敷居が高い
- × サブスクリプション料金がやや高め（特にCMS Plus / Business以上）
- × 公式MCPはまだ未提供（コミュニティ版のみ）
乗り換え・併用の注意点
ページ構造、CMSコレクション、フォーム、リダイレクト、計測タグ、SEO設定を確認してください。デザイン再現だけでなく公開後の更新体制まで含めて移行計画を作りましょう。
比較の根拠
SaaS MAPのDBで見るFramerとWebflowの違い
この比較では、公式サイトへのリンクだけでなく、料金、AI機能、Agent Ready、日本対応、導入前の注意点をDB項目として整理しています。スコアは判断の入口であり、最終的には自分の運用条件に合うかを下の項目で確認します。
| 観点 | Framer | Webflow |
|---|---|---|
| 料金・試しやすさ 無料枠、最安価格、価格モデルを見て、個人開発や小規模チームでも検証しやすいかを確認します。 | 無料枠あり | 無料枠あり |
| AIエージェント連携 MCP、API、Webhook、SDK、OpenAPIなど、外部から安全に操作できる接続口を比較します。 | REST API / Zapier/Make / 公式SDK / Write API | コミュニティMCP / REST API / Webhook / Function Calling / Zapier/Make |
| 日本での使いやすさ 日本語UI、ドキュメント、JCB、日本円請求書など、導入後の運用で詰まりやすい項目を見ます。 | 日本対応は要確認 | JCB対応 |
| 導入前の注意点 ランキング順位だけでなく、料金改定、支払い条件、API制限、データ管理要件を確認します。 | 日本語UIや日本語ドキュメントは限定的な可能性があります。日本円請求書や支払い条件は導入前に確認したい。 | 日本語UIや日本語ドキュメントは限定的な可能性があります。日本円請求書や支払い条件は導入前に確認したい。 |
料金プラン比較
料金は記事執筆時点（2026年5月）の情報です。変動する場合があります。最新情報は各公式サイトをご確認ください。
Framer
無料プランあり Webflow
無料プランありよくある質問
FramerとWebflow、どちらを選べばよいですか？
デザイン主導でLPやブランドサイトを速く作るならFramer、CMSや構造化されたWeb運用を重視するならWebflowが向きます。 AIスコアはFramerが50点、Webflowが50点で、SaaS MAPの独自評価ではFramerが上回ります。ただし、最終判断はスコアだけでなく、利用人数、既存ツール、移行コスト、AI/API連携の必要性まで合わせて見るのがおすすめです。
FramerとWebflowを乗り換える時の注意点は？
ページ構造、CMSコレクション、フォーム、リダイレクト、計測タグ、SEO設定を確認してください。デザイン再現だけでなく公開後の更新体制まで含めて移行計画を作りましょう。
【Framer】Framerは無料で使えますか？
無料で試せます。公開や機能はプランにより制限があります（最新は公式Pricing参照）。
【Framer】APIでCMSを更新できますか？
Server APIを使ってスクリプトから更新・公開の自動化が可能です。
【Webflow】Webflowは日本語UIに対応していますか？
管理画面は英語のみ。サイト側の出力は日本語含めUTF-8で問題なく扱えるが、エディタ操作は英語ベースとなる。
【Webflow】WixやSquarespaceと比べてどう違いますか？
Wix/Squarespaceがテンプレート前提なのに対し、Webflowは「白紙からCSSをビジュアルに組む」発想。デザイン自由度・SEO品質はWebflow優位、初心者の即効性はWix優位。
詳細ページも合わせてチェック
料金・AI機能・MCP対応の全詳細を確認できます