Webflowとは？料金・できること・制作会社の選び方【2026年版】
Webflow（ウェブフロー）は、コードを書かずにデザインから公開まで行えるノーコードのWeb制作ツール。料金は年払いで月$15〜25（2026年5月改定）、外注の相場は50万〜150万円。できること・STUDIOやAIとの違い・制作会社の選び方まで、Webflow専門6年の制作会社が解説します。
続きを読む Journal.
Webflow
2020年から書き続けているWebflowの日本語解説です。基礎操作・CMS・SEO設定から料金プランの選び方、MCP・App GenといったAI連携まで扱います。未経験の方は「#Webflow大学」タグの連載（21日間でポートフォリオ完成）から読み始めるのがおすすめです。（全26本）
Webflowを始める
できること・画面の見方・学び方。
Webflow入門｜操作が10倍早くなる4つの基礎知識
Webflow入門。Webflowの使い方でつまずく前に知りたい4つの基礎知識（HTML・CSSの場所・ALLタグ・CSSパネルの色の意味）を専門家が解説。質問No.1「Linkの色が変わらない」もこの記事で解決します。
続きを読む
Webflow日本語学習の最短ルート【2026年版】公式大学の歩き方
Webflowを日本語で学ぶ最短ルートを2026年版で解説。無料のWebflow公式大学の歩き方、未経験だった僕の学び方、初心者が1番ラクして作る2パターン、Forumと公式サポートでの質問の仕方までまとめました。
続きを読む
【Webflow】今日から使える無料のテンプレート10選
Webflowで初心者でもスグに使えるテンプレートを知りたいですか？本記事ではWebflowの今日から使えるテンプレートをジャンル別にまとめました｡Webflowでテンプレートを使用して自社サイトを自作してみましょう｡
続きを読む料金と費用
プラン料金と、制作・運用まで含めた総額。
11,327 【2026年最新版】Webflowの料金プランを解説｜5月の新体系（Basic・Premium）対応
Webflowの料金プランを2026年5月の新体系（Starter無料・Basic $15・Premium $25）で解説。旧Basic/CMS/Businessとの対応、最安で使う方法、ローカライズ等のアドオン費用、僕が実際に払ってきた運
続きを読む
Webflowの総額費用はいくら？2026年新料金＋制作費＋運用費の実費【最新】
2026年5月改定のWebflow新料金（Starter無料／Basic$15／Premium$25）に制作費・運用費を足した総額の見積もり方を解説。僕の実費（年$576≒8.3万円）も明細つきで公開。導入を検討中の人向け。
続きを読む
ノーコードWebサイトのデメリット3つ｜サービス終了は現実になった
ノーコードでWebサイトを作るデメリットは①企業依存②移行できない③サービス終了の3つ。2022年に書いた予言はNewtのサービス終了の発表（2025年5月・終了日は2026年11月24日）で現実になりました。自社移行の実測つきで、終了しても消えない作り方を解説します。
続きを読む
Webflow解約の前にやること｜サイトとドメインを残す移行手順【2026】
Webflowのサイトプランを解約すると独自ドメインは自動で外れます。サイトとドメインを残すには、解約前にコード出力して移行先へ公開するのが順番。2023年にロリポップへ移した体験と、いまの移行先Cloudflareの手順をまとめました。
続きを読む
21,249 HTMLコード出力ツール比較｜ノーコード・AIと納品実例【2026】
HTMLコード出力（書き出し）ができるツールを比較。Webflowでコード納品した実例と品質評価、STUDIOが書き出せない理由、AI（Claude Code・Figma Make）で最初からHTMLを作る方法、無料の選択肢、運用費を約1/55にした静的化の実測まで解説します。
続きを読むCMS・SEO・部品
公開前に設定しておく項目。
2,642 Webflow CMS完全ガイド2026｜料金・ページ作成手順・6年使って見えたバグ
Webflow CMSでできること・料金（2026年5月改定でCMSはPremium年払い$25/月）・ページ作成の基礎手順5ステップ・保存されないバグやリダイレクト事故の実体験まで、6年使った経験ベースで解説します。
続きを読む
Webflowでパンくずリストを作成する方法【SEO対策/構造化】
Webflowにパンくずリストを追加する方法を知りたいですか？本記事ではWebflowにパンくずリストを追加して構造化までする方法を解説しています｡Webflowでのパンくずリスト作成に困っている方は是非ご覧ください｡
続きを読む
【カスタムコード無し】Webflowを使った､一番簡単な目次の作り方
WebflowのCMS機能を使って目次を作る方法を解説します。Webflow CMSを使ってページ内リンクを作成していきましょう。リッチテキストでは入力した情報にIDを付けることができません。そのためウェブサイトの構築から変更していきます。
続きを読む
【全3パターンまとめ】Webflowにフォントを追加する方法
Webflowでフォントを追加する方法を知りたいですか？本記事ではWebflowにフォントを追加する方法を全3通りまとめて解説しています｡Google､Adobe､カスタムフォントの追加方法を知りたい方は是非ご覧ください｡
続きを読む
WebflowでのSpanタグの使用方法
WebflowでのSpanタグの使い方､Rich textでのSpanタグの使い方を知りたいですか？本記事ではWebflowでのSpanタグの使い方､またSpanタグの代用方法を解説しています｡Webflowで悩んでいればご覧ください｡
続きを読む
4,123 【初心者でも簡単】Webflowで独自ドメインを設定する方法
Webflowの独自ドメインについて知りたいですか？本記事ではWebflowで独自ドメインを設定する方法や独自ドメインの設定に必要な料金プランの解説を行っています｡Webflowでウェブサイト運用を考えている方は是非ご覧ください｡
続きを読む
Webflowで『reCAPTCHA』を設定する方法
WebflowにてreCAPTCHAの導入方法を解説します。不正アクセス対策に必要なreCAPTCHA。Googleが提供しているものを使用するので無料で導入できます。セキュリティー強化のため、導入をオススメします。
続きを読む
【無料】ノーコードWebflowにInstagramを埋め込む方法
WebflowにInstagramを埋め込む方法と埋め込んだInstagramを自動更新させる方法を実践解説しています。今回は完全無料で行えるカスタムコードを使った方法を解説していきます。ぜひご覧ください。
続きを読む
figmaからWebflowへデザインをコピペする方法
FigmaからWebflowへデザインをコピペする公式プラグインの使い方と、実案件で3年使った本音を紹介。オートレイアウトの手間・互換性の問題から、2026年のAI時代の現実的な作り分けまで解説します。
続きを読む多言語化
Webflow Localization と Weglot の実運用。
Webflow多言語化を1年運用した結果｜ローカライズの費用とSEO効果
Webflowローカライズで多言語化（日本語→韓国語）を1年運用した結果を正直に公開。アフィリエイトは数件・お問い合わせ0件で売上にはつながらず、費用は年10万円弱→AI運用に切り替えて年1,500円に。
続きを読む
Weglotの使い方 完全ガイド｜Webflow・STUDIOへの導入と除外設定
Weglotの使い方を1本にまとめた完全ガイド。Webflowへの導入手順、翻訳ページの除外設定、「翻訳されない」時の解決、STUDIOで入れる公式の手順、2022年に実際に使ってみた体験記まで書いています。
続きを読むAI連携
MCP・App Gen・バイブコーディング。
Webflow MCPとは？できること・導入3ステップ・注意点
Webflow MCP（Model Context Protocol）の解説。AIがWebflowのCMSやページ構成を理解して操作する仕組み、2026年時点でできること、導入3ステップ、運用の注意点を実務目線で整理します。
続きを読む
Webflow App Genを試してわかったこと｜今使うべきかの判断基準
Webflowの新機能App Genを実際に試した記録。UIを作り日本語プロンプトを投げると、データ保存・認証・処理フローが自動生成されました。確認できたこと・未検証の点・今使うべきかの判断基準をまとめます。
続きを読む導入事例と制作会社の選び方
他社の使い方と、依頼先の見極め方。
【2026年版】Webflowの導入事例｜リコー・Moneytree・楽天など国内外の実例と見分け方
Webflowの導入事例を2026年版に全面更新。リコー・Moneytree・リクルートグループのニジボックスなど国内5社と、海外の定番・楽天スーパーロジスティクス（現ShipNetwork）まで、実在を検証した実例を紹介します。
続きを読む
Webflow制作会社の選び方｜依頼費用と、見積もりで見る5つ【同業が解説】
Webflow制作会社の選び方は、金額より「誰が作るか・毎年のサイトプラン代・CMS設計・引き継ぎ・実績の中身」の5つで決まります。依頼費用の目安、個人と会社の違い、発注前にそのまま使える質問まで、同業の代表が書きました。
続きを読む
Webflow STUDIO 比較｜料金・CMSの違いとどっちを選ぶか【2026】
WebflowとSTUDIOを、料金（2026年10月2日に公式で確認）・デザインの自由度・CMS・多言語・コード出力で比較しました。Webflow専門6年の制作会社が、どっちを選ぶかの基準と、2026年の第3の選択肢まで書いています。
続きを読む