FitGap
Webflow

Webflow

ノーコード・ローコード開発

使いやすさ
セットアップ
料金
サポート充実
連携・拡張性
機能性
セキュリティ
あなたの職場・業務に求められることや重視することは?
この製品が本当に相応しいかチェックしてみましょう。
コスト
要問合せ
無料プラン
×
IT導入補助金
×
無料トライアル
×
シェア
~ ノーコード・ローコード開発
事業規模
中小
中堅
大企業

目次

Webflowとは

強み

注意点

カテゴリ別市場マーケットシェア

連携

代替サービス

サービス基本情報

運営サービス一覧

FitGapにおけるすべての評価は、公平性を最優先に、客観的なアルゴリズムを用いて計算されています。製品の評価方法は「FitGapの評価メソッド」、シェアデータの算出根拠は「シェアスコアの算出方法」をご覧ください。

Webflowとは

Webflowは、Webflow社が提供するノーコード・ローコード開発ツールで、コードを書くことなくプロ仕様のWebサイトをデザイン・構築できるクラウド型のWeb制作プラットフォームです。ドラッグ&ドロップのビジュアルエディタを使用し、HTMLやCSSと同等の精密なレイアウト調整やアニメーション設定が行え、レスポンシブ対応の洗練されたサイトを直感的に作成することが可能です。構築したサイトはWebflow上でそのままホスティングでき、フォーム送信やCMS、EC機能も備えているため、開発者の支援なしでも本格的なWebサービスやランディングページを公開できます。SEO設定や高速表示にも対応しており、マーケティングサイトからプロダクトのプロトタイプまで幅広い用途で活用されています。デザインスキルを持つユーザーが自らサイトを構築できるため、スタートアップや中小企業をはじめ、大企業のWeb担当部門や制作代理店においても採用が進んでいる状況です。FitGapの連携評価はカテゴリ61製品中5位、セキュリティ評価はカテゴリ61製品中3位で、外部ツールと組み合わせたサイト運用や公開後の管理体制も含めて比較したい場合に候補になります。

pros

強み

コーディング不要で本格的なWeb制作

Webflowは、ドラッグ&ドロップのビジュアルエディタを採用しており、HTML/CSSの知識がなくても高品質なWebサイトを構築できます。専用プラットフォーム上での公開に加え、生成したサイトをFTP転送するなど、運用面での自由度も確保されています。コーディングスキルに依存せず、デザイン性と柔軟性を両立したプロレベルのWeb制作に取り組める環境が整っている点が特長です。

デザイン自由度と多数のテンプレート

Webflowは自由度の高いデザイン設定が可能で、公式から多数のテンプレートが提供されています。標準機能のみで高度なアニメーションやレスポンシブデザインを実装できるため、コーディングの知識が限られた場合でも洗練されたWebサイトの構築が期待できます。また、マーケティング施策における多様な要件にも柔軟に対応しやすい設計となっており、デザインとビジネス要件の両立を図りやすい点が特長といえます。FitGapの業種別シェアでは、広告、芸術がカテゴリ61製品中9位です。制作物の見せ方やキャンペーンページの表現を重視する業種では、デザイン調整の自由度を比較する際の判断材料になります。

視覚的フロービルダー

Webflowでは、レイヤーやプロパティをGUIで操作しながら、リアルタイムプレビューでサイトを構築できます。コーディング作業を必要とせず、直感的な操作でレイアウトやスタイルの編集が可能です。視覚的に確認しながら制作を進められるため、デザイナー初心者でも比較的スムーズに習得できる設計となっています。ドラッグ&ドロップなどの操作により、技術的な知識がなくてもWebサイトのデザインを実現できる環境が整えられています。

cons

注意点

習得難易度が高くノーコード初心者には難しい

Webflowは高度なデザイン自由度を備えている一方で、操作の習得にはWebデザインやコーディングの基礎知識が求められる傾向があります。HTML/CSSへの理解が不足していると使いこなすまでに時間を要する場合があると指摘されており、プロフェッショナル向けのツールとしての性格を持ちます。テンプレート主体の簡易的なノーコードツールとは異なり、ノーコード初心者の方にとっては学習コストが相応にかかる可能性がある点を考慮しておくとよいでしょう。FitGapの操作性評価はカテゴリ61製品中34位、導入しやすさ評価はカテゴリ61製品中29位です。短期間で担当者に定着させたい企業では、初期学習に必要な時間や教育体制を導入前に確認しておく必要があります。

日本語サポートが手薄で情報も限定される

Webflowのサービス画面や公式ドキュメントは英語のみで提供されており、日本語には対応していません。国内向けの解説記事やコミュニティも少ないため、日本語で得られる情報が限られています。利用にあたっては英語のリソースを参照する必要があり、言語の壁によって学習やトラブルシューティングに時間がかかる場合があります。英語に不慣れな場合は、導入前に操作性や情報収集の方法を確認しておくことが望ましいでしょう。FitGapのサポート評価はカテゴリ61製品中37位です。社内で英語のヘルプを読み解く体制がない場合は、外部制作会社の支援や日本語で参照できる学習リソースの確保まで含めて検討する必要があります。

高機能と引き換えに料金プランが割高

Webflowの料金体系はサイト単位とワークスペース単位に分かれており、やや複雑な構成となっています。商用サイトとして本格的に運用する場合、有料プランの契約がほぼ必要となります。無料プランではカスタムドメインの利用ができないなど機能面での制限があるため注意が必要です。高度な機能を提供している分、他のノーコードツールと比較すると費用負担が大きくなる傾向があります。小規模な用途を超えて利用する際には、事前に予算面での検討をしっかり行うことが重要といえるでしょう。FitGapの料金評価はカテゴリ61製品中32位です。複数サイトや複数担当者で運用する企業では、サイト単位とワークスペース単位の費用を合わせて試算しておくと、導入後の負担を見込みやすくなります。

カテゴリ別マーケットシェア

2026年3月 FitGap調査

Webflowノーコード・ローコード開発マーケットシェア

シェア

事業規模

中小
中堅
大企業

連携

統合パートナー

提供ベンダー間ですでに連携されており、ユーザーは簡易な設定のみで連携して使用することが可能です。

Yoom
実体験レビュー ホームページ作成ソフト

CSSの知識を活かしてコード品質のサイトをノーコードで構築したいならこの製品

データベースの構造を自由に設計できるCMS機能

WebflowのCMSでは、データベースの複雑な連携を自分で設計でき、構造の自由度が高い点が印象的でした。コンテンツの種類ごとにフィールドを定義し、リファレンスで相互に紐づけることで、動的なページを柔軟に構築できます。ブログ記事や導入事例のような定型コンテンツだけでなく、構造化されたコンテンツ設計が必要なサイトにも対応できると感じました。

AIで複数ページの初期構成とデザインルールを一括生成

AI Site Builderを使えば、必要なページ構成と標準的なコンテンツ、そして色・文字のデザインテーマをまとめて生成できます。ゼロからではなく調整から作業を開始できるのは効率的でした。ただし、生成される初期デザインはそのままリリースできるレベルではなく、AIか手作業で大幅に手直しする必要がありました。なお、バックエンドまで構築する機能ではないため、CMSや動的な機能は別途設定が必要です。
AI Site Builderで生成されたデザインの初期状態を確認している画面

AWSと統合CDNを基盤とした本番グレードのホスティング

全プランの本番ホスティングがAWSと統合CDN上に構築されており、追加設定なしでグローバル配信とキャッシュが動作します。Core Web Vitalsなどのパフォーマンス指標が標準で出やすく、SEO観点での技術前提を製品単体で満たせます。ホスティング品質がまちまちになりがちな自己ホスト型と異なり、インフラ品質が公表されているのも安心でした。

CSSの知識をそのまま活かせるエディタ設計

エディタ画面では、MARGIN / PADDING / Flex / RelativeなどCSS用語がそのまま使われていますが、視覚的にわかりやすく構成されているため、コーディングの知識があれば直感的に操作できました。CSSのプロパティ名がラベルとして表示されるため、ブラウザの開発者ツールと同じ感覚でデザインできるのが強みです。
エディタ画面でパーツを配置しながらレイアウトを組んでいる様子
CSSプロパティが視覚的に表示されたプロパティパネル

CMSの翻訳列で多言語コンテンツを一元管理

WebflowのCMSデータベース内で元テキストと翻訳テキストを一元管理できるため、CMSで管理しているデータを動的に多言語化できます。丁寬に多言語対応したい場合には向いていると感じました。

HTML / CSS / JavaScriptを書き出して自社ホスティングに載せられる

Webflowが他のツールと大きく異なる点として、サイト全体のHTML / CSS / JavaScript / 画像を書き出して、他の環境でフロントエンドを完全に再現できます。ベンダーロックインを避けたい場合や、将来的に自社サーバーへ移行する可能性がある場合に安心です。ただし、書き出せるのは静的な部分のみで、CMSのデータは書き出し対象外である点には注意が必要です。

利用前に知っておきたいこと

**操作にCSSプロパティの理解が前提となる。** エディタ画面がCSSの知識がある人向けの設計になっているため、非エンジニアやコーディングが苦手なデザイナーが独学でホームページを作成するには敷居が高いかもしれません。ただし、逆にこのエディタの操作を覆えればCSSがどのように働いているかを理解できるようになるという副次的なメリットもあります。まずは公式のチュートリアルやWebflow Universityで基本を学ぶことをおすすめします。 **AIだけではデータベースを使った機能は完成しない。** AI Site Builderでサイト全体を生成しても、会員ログイン・会員限定ページ・独自API・ECロジックなどの動的機能はCMSのデータベースを別途設定する必要があります。Lovableのような後発ツールはバックエンドまで一気に作れることを強みにしているため、Webflowのカバー範囲を考えると物足りなく感じるかもしれません。AIで初期構成を作った後、CMSやダイナミックコンテンツは手動で設定する前提で計画しましょう。
エディタ画面で要素メニューかCSSプロパティを表示している様子

※レビュー環境

レビュワー
藤井幹大
テスト期間
2026年5月
テスト環境
自社およびクライアント向けのコーポレートサイト・LP制作を想定し、各ツールでのデザイン・公開・運用を実務に準じた環境でテスト
利用プラン
Webflow Free(無料)
レビュー方針
メーカーからの広告費・報酬を受けずに、FitGapが独自に実施しています
最終更新
2026年5月21日

Webflowの利用環境・機能

利用環境
端末・OS
Windows, MacOS
スマホ対応
シングルサインオン
対応言語
提供形態
クラウド
対応サポート
データ保守サポート
機能
標準対応
オプション/条件付き
非対応
ノーコード・ローコード開発
サイト作成
EC構築
Webアプリ基盤
社内DBアプリ
スマホアプリ出力
自動化・連携
外部ユーザーサインアップ
リレーション(参照関係)
レコード権限(行レベル)
フィールド権限
承認ワークフロー
バックエンドワークフロー
自動メール通知
スケジュール実行
条件分岐・ループ
データ変換(ETL)
プラグイン/SDK拡張
UI/コード拡張
ダッシュボード分析
多彩ビュー
リアルタイム共同編集
バージョン管理
Git連携
CI/CD自動デプロイ
クラウドDB内蔵
Excel→アプリ生成
ガントチャート
モバイルオフライン
プッシュ通知
デバイス機能(カメラ/GPS等)
ストアビルド
ベータ配信
SEO設定
ブログCMS
フォームビルダー(サイト)
多言語サイト
予約機能
アクセス解析(サイト)
メールマーケ統合
多言語・多通貨EC
在庫・物流API連携
定期購入(サブスク)
POS連携
デジタル商品販売
ポイント・クーポン
送料ルール
モール連携
多決済手段
エラーハンドリング

Webflowのプラン

Webflow

プラン料金主な機能・備考
Starter(サイト)無料webflow.io公開、2ページ、CMS 50アイテムまで/評価・試用向け
Basic(サイト)月額 $14/サイト(年払い)独自ドメイン、150ページ、フォーム送信無制限/小規模・個人向け
CMS(サイト)月額 $23/サイト(年払い)CMSコレクション20、2,000アイテム、サイト検索/ブログ・SEO運用向け
Business(サイト)月額 $39/サイト(年払い)ページ300、CMSアイテム上限拡張、帯域増/中小企業のマーケ基盤向け
Enterprise(サイト)要問い合わせ大規模スケール、SLA、セキュリティ・サポート強化/大企業向け
Standard(EC)月額 $29/サイト(年払い)ECアイテム500、CMS 2,000、手数料2%/小規模EC向け
Plus(EC)月額 $74/サイト(年払い)EC 5,000アイテム、CMS 10,000、手数料0%/成長期EC向け
Advanced(EC)月額 $212/サイト(年払い)EC 15,000アイテム、手数料0%/高トラフィックEC向け
Workspace Starter無料1フルシート、ステージング2サイト/個人利用の開始に
Workspace Freelancer月額 $16/年払い1フルシート、ステージング10サイト、CMSフル権限/フリーランス向け
Workspace Agency月額 $35/年払い1フルシート、ゲスト3席/サイト、権限管理拡張/代理店向け
Workspace Enterprise要問い合わせ大規模共同編集、SLA、セキュリティ/大企業向け

表示はUSD。サイト公開・ホスティングにはサイトプランの契約が必要です。

Webflowと比較されるサービス

Webflowはノーコード・ローコード開発の中で、ノーコードのWebサイト制作・CMSとして、導入や運用の判断を進めやすい点に特徴があります。Bubble、Airtable、Glide、Clickも、用途や運用範囲によって比較候補になります。

Bubble

価格
0円~
シェア目安
使いやすさ
セットアップ
料金
サポート充実
連携・拡張性
機能性
セキュリティ
Webflowと比較して良い点
  • ドラッグ&ドロップの画面構築とデータベースを統合し、プログラミング不要でWebアプリを開発しやすいです。

  • ワークフローや外部API連携も画面上で設定でき、試作から本番公開まで一貫して進めやすいです。

Webflowと比較して悪い点
  • ノーコードのWebサイト制作・CMSを軸に進めるなら、Webflowが合いやすいです。

  • 想定する利用者数、データ管理、拡張性、ガバナンスを確認しておく必要があります。

判断の分かれ目

ノーコードWebアプリ開発プラットフォームならBubble、ノーコードのWebサイト制作・CMSならWebflowが選ばれやすいです。

製品ページを見る

Airtable

価格
0円~ ユーザー/月
シェア目安
使いやすさ
セットアップ
料金
サポート充実
連携・拡張性
機能性
セキュリティ
Webflowと比較して良い点
  • 表計算の感覚で扱えるため、専門知識がなくても情報を整理しやすいです。

  • データ連携や複数ビューに対応し、業務管理やアプリ作成に幅広く使えます。

Webflowと比較して悪い点
  • ノーコードのWebサイト制作・CMSを重視する場合は、Webflowに寄せやすいです。

  • 開発する機能、テンプレート活用、既存基幹連携、保守の進め方の確認が別途必要です。

判断の分かれ目

クラウド型ノーコードデータベースならAirtable、ノーコードのWebサイト制作・CMSならWebflowが選ばれやすいです。

製品ページを見る

Glide

価格
0円~
シェア目安
使いやすさ
セットアップ
料金
サポート充実
連携・拡張性
機能性
セキュリティ
Webflowと比較して良い点
  • 既存のスプレッドシートをそのままアプリ化でき、専門知識がなくても扱いやすいです。

  • テンプレートやドラッグ操作が中心で、業務アプリを短期間で形にしやすいです。

Webflowと比較して悪い点
  • ノーコードのWebサイト制作・CMSを中心に据えるなら、Webflowが選ばれやすいです。

  • アプリ規模、モバイル対応の要否、権限階層、運用負荷を事前に確認しておきたいです。

判断の分かれ目

スプレッドシート連携型ノーコードアプリ開発ならGlide、ノーコードのWebサイト制作・CMSならWebflowが選ばれやすいです。

製品ページを見る

Click

価格
0円~
シェア目安
使いやすさ
セットアップ
料金
サポート充実
連携・拡張性
機能性
セキュリティ
Webflowと比較して良い点
  • ドラッグ&ドロップでiOSやWebのアプリを開発でき、コードを書かずに構築しやすいです。

  • 開発環境やサポートが日本語に対応しており、専門知識が浅い方でも始めやすいです。

Webflowと比較して悪い点
  • ノーコードのWebサイト制作・CMSをまとめて担いたい場合は、Webflowが向いています。

  • 利用目的、自動化したい業務、データ移行、サポート体制は導入前に整理したいです。

判断の分かれ目

日本製ノーコードアプリ開発基盤ならClick、ノーコードのWebサイト制作・CMSならWebflowが選ばれやすいです。

製品ページを見る

サービス基本情報

https://webflow.com/公式
https://webflow.com/

運営会社基本情報

会社 : Webflow

本社所在地 : サンフランシスコ

会社設立 : 2012

ウェブサイト : https://webflow.com/

Webflow運営サービス一覧

サービスカテゴリ

AI・エージェント

汎用生成AI・エージェント
LLM・大規模言語モデル
エージェントフレームワーク
エージェントオートメーション基盤

ソフトウェア(Saas)

オフィス環境・総務・施設管理
開発・ITインフラ・セキュリティ
データ分析・連携
FitGap
運営会社

© PIGNUS Inc. All Rights Reserved.

かんたんな質問に答えるだけで、自社向けのシステム要件を整理し、ぴったりのサービスをチェックすることができます。