--- title: "Briks vs Webflow:画面操作か言葉か" url: https://briks.dev/ja/compare/briks-vs-webflow description: "Briks と Webflow の比較：コード書き出しができるビジュアルデザイナーと、依頼内容から作るサイト。制作、CMS、書き出し、エージェント、USD 料金を出典付きで比べます。" last_updated: 2026-10-08 --- AI搭載のホームページ作成ツール # Briks と Webflow の比較 Webflowは、プロ向けのビジュアルなホームページ制作プラットフォームです。細かく調整できるデザイナー、Premiumで最大20,000件のCMS、別立てのEコマースプラン、アプリ向けのWebflow Cloud、有料Workspaceプランでの HTMLとCSSのエクスポート、再利用できるデザインシステムを出力するAIサイトビルダーがあります。レビューでは、習得に時間がかかると言われています。Briksはその逆の選択です。ビジネスを説明するか、気に入ったサイトを示すだけで、Briksがサイトを計画し、デザインし、構築し、チェックし、ホスティングして、その後の変更もすべて普通の言葉で受け付けます。デザインしてコードも自分で持ちたいならWebflow、デザインツールを覚えずにサイトを仕上げたいならBriksを選んでください。 2026年10月8日時点の情報です。製品は変わりますので、決める前に各社のサイトをご確認ください。 Briks Webflow **進め方** Briks: ブリーフとやさしい言葉 Webflow: ビジュアルデザイナー **コードのエクスポート** Briks: zipは有料プランで、単体では動作しません Webflow: HTMLとCSS (有料のワークスペース) **CMS** Briks: Database タブ Webflow: Premiumは20,000件 **最も安い有料プラン** Briks: 月額$16 Webflow: 1サイトあたり月額$25 ## BriksとWebflowの比較早見表 6つのグループに分けた15行の表です。Webflowのセルはすべて、情報元のページにリンクしています。調査で確認できなかった項目は、推測せずに「Not listed」と表示します。価格は、Webflow自身のページで米ドルの価格を確認できた場合にのみ表示します。 15行 | トピック | Briks | Webflow | | --- | --- | --- | | ビルド中 | | | | プロンプトから作成します | はい **サイト、アプリ、ダッシュボード** ウェブサイト、ウェブアプリ、ダッシュボードを、文章で書いた依頼内容から計画、デザイン、構築、チェック、公開まで行います。 | はい **サイトとデザインシステム** レイアウト、画像、文章を備えた複数ページの下書きと、Flowkit CSSフレームワークによる再利用できるデザインシステムです。 | | ほかの始め方 | はい **気に入ったサイト、テンプレート** 気に入ったサイトとスクリーンショット、または公開前にあなたのビジネス向けに書き換えるテンプレート。 | **掲載なし** 確認したページには見つからなかったため、どちらとも言えません。 | | アプリのユーザー向けサインイン | はい **メール、Google など** アカウントが必要なサイトでは、確認メールと再設定メールを備えた、メールとパスワードによるサインインが使えます。Google、Apple、Microsoft、GitHub、X、Facebook、LinkedIn、Discordは、ご自身のアプリキーを使って、Project settingsでオンにできます。 | **掲載なし** 確認したページには見つからなかったため、どちらとも言えません。 | | サーバー | | | | サーバー込み | はい **すべてのプラン** すべてのプランで、サイト独自のbriks.liveアドレスです。 | はい **すべてのサイトプラン** Starterを含むすべてのサイトプラン(webflow.io)が対象です。独自ドメインには有料のサイトプランが必要です。 | | 独自ドメインは次から | **Starter（月額$16）** Starterから使えます。証明書は自動で発行され、更新されます。Freeではbriks.liveのアドレスに公開されます。 | **Basic** Basicサイトプランからご利用いただけます。 | | データベース | はい **標準搭載** データを保存するサイトには専用のデータベースがあります。レコードの表示と編集ができ、有料プランではコレクションごとに最大50,000件までJSONまたはCSVでダウンロードできます。 | はい **CMSとWebflow Cloud** CMSコレクションに加え、サイトプランではWebflow CloudのSQLite、キーバリューストレージ、オブジェクトストレージが使えます。超過分は従量課金です。 | | 変更 | | | | 変更のしかた | **普通の言葉でも、Visual Editorでも** スタジオのチャットに変更内容を普通の言葉で入力するか、有料プランならVisual Editorでページ上の文章や画像をクリックします。変更はすべて元に戻せるバージョンになり、質問への回答では作成は行われません。 | **ビジュアルデザイナー** ビジュアルデザイナーです。AIがセクション、文章、コードコンポーネント、CMSアイテムも生成します。 | | コンテンツ編集(CMSまたはブログ) | 一部 **Database タブ、Visual Editor** メニュー、物件情報、チームメンバーなどのレコードはサイトのデータベースに保存され、Databaseタブで編集します。有料プランでは、どのページの文章や画像もVisual Editorで変更できます。 | はい **Premium から** Webflow CMS は Premium サイトプランで20,000項目、Starter は50項目、Basic は利用できません。 | | 公開後 | | | | 公開後のAIエージェント | はい **Starterから** チームリードが率いる13種類のエージェント（Securityを含む）、または一文から作る自分だけのエージェント。それぞれにスケジュールと月ごとの予算があり、メール送信、サイト変更、投稿の前に確認します。Starterはプロジェクトごとに3エージェント、Proは5、Studioは10、Agencyは15です。 | 一部 **TeamとEnterprise** AEOエージェントは、サイト全体の修正とコンテンツを提案して反映します。公開前に確認でき、Teamプラン(月額$2,500、年間契約)とEnterpriseで利用できます。 | | 決済と販売 | はい **一回払いとサブスクリプション** Stripe、PayPal、Mollie、Razorpay、Paddle、Lemon Squeezy、Polar、Creem、Dodo Paymentsのうち、お客様ご自身のアカウントを通じた一回払いを、どのプランでもBriksの手数料なしでご利用いただけます。毎月または毎年更新されるプランは、任意の無料トライアルを付けて、Stripe、Paddle、Polar、Lemon Squeezyで販売できます。配送が必要ですか?ご依頼いただければ、Briksがお客様ご自身の決済アカウントを使って、サイトに組み込みます。 | はい **ネットショップ向けプラン** ネットショップ専用プランは、年払いで月額$29から（Standard、取引手数料2%）。 | | 料金 | | | | Freeプラン | はい **50クレジット(1回のみ)** 登録時に一度だけ50クレジットが付き、briks.liveのアドレスでサイトを1つ作れます。独自ドメインは使えません。 | はい **Starter** webflow.ioのアドレス、静的ページ2つ、CMSアイテム50件、帯域幅1GB。Webflowのバッジが残ります。 | | 最も安い有料プラン | **月額$16** 月額$16から。Starterは175クレジット、1サイト、1ドメイン。Proは月額$29で400クレジット、3サイト、3ドメインです。1年分をお支払いなら2か月分が無料になります。有料プランはチェックアウトでオンライン購入できます。 | **1サイトあたり月額$25** ベーシックのサイトプラン:1サイトあたり月額$25、または年払いで月額$15。ワークスペースのプランは別に請求されます。 | | 使用量の数え方 | **作業ごとのクレジット** 1件あたりのクレジット: 新しいサイトは50、変更は5を確保します。実際には作業にかかった分が請求され、確保した分より多くなることもあります。使わなかったクレジットは戻り、失敗したリクエストには請求されません。 | **Site plan と Workspace** サイトごとのプランとWorkspaceプランがあります。AIはクレジットを使い、Webflow Cloudの超過分は従量制です。 | | 所有権 | | | | コードのエクスポート | 一部 **サイトのファイルのzip（有料プラン）** サイト自体のファイルは、どのプランでも確認・編集でき、有料プランならzipでダウンロードできます。すべてのBriksサイトが動くための共通部分は含まれないため、単体では動きません。有料プランでは、これらのファイルをGitHubリポジトリに保存し、双方向で同期することもできます。 | はい **HTMLとCSS** HTMLとCSSのエクスポートは、有料のワークスペースプランで利用できます。CMSのページはコードとしてエクスポートできず、フォームは動作しなくなります。 | | チームメンバーごとの料金はありません | はい **Pro から、席数による料金なし** Owner、Admin、Editor、Viewerの権限があり、シート料金はありません。Proは3人、Studioは10人、Agencyは25人で、オーナーを含みます。 | **掲載なし** 確認したページには見つからなかったため、どちらとも言えません。 | - はい - 一部 - いいえ - 未掲載:確認したページでは見つかりませんでした Briks が作る様子を見てみませんか? 始めるのは無料で、カードも不要です。 01 ビルド中 ## 構築内容: デザインシステム、またはデザイン済みのサイト WebflowのAIはサイトとデザインシステムの下書きを作り、それを自分で仕上げます。Briksは参考サイトをもとに、完成したサイトを作ります。 WebflowのAIサイトビルダーは、プロンプトからレイアウト、画像、文章を備えた複数ページの下書きを作り、Flowkit CSSフレームワークをベースにした再利用可能なデザインシステムも用意します。ほかのAI機能では、セクション、文章、コードコンポーネント、CMSアイテムを生成します。下書きは、デザイナーで作業を進めるための出発点です。 Briksは、ほしいページや依頼内容で決まっていない点を尋ねてから、気に入ったサイトのレイアウト、余白、書体、動き、ヘッダーメニューを読み取って、または自分で選ぶ3つの雰囲気から、デザインします。作成し、コントラストを確認し、公開まで行うので、最初のバージョンをそのまま使える状態を目指しています。 例：デザイン会社の自社サイト Webflowと一緒に Webflow の AI で下書きを生成し、そのあとデザイナーでインタラクションを、事例紹介用に CMS を調整する時間をかけます。 Briksの場合 気に入ったエージェンシーのサイトをBriksに示し、あなたの仕事を説明してください。その雰囲気でサイトを作り、事例の記録はサイトのデータベースに置かれます。 02 サーバー ## ホスティング、ドメイン、アプリ Webflowはサイトプランごとにホスティングし、Webflow Cloudを追加します。Briksは、どのプランでもすべてのサイトをホスティングします。 Webflowはすべてのサイトプランをホスティングしており、webflow.ioアドレスで使える無料のStarterも含まれます。独自ドメインにはBasic以上の有料サイトプランが必要です。Webflow Cloudでは、SQLite、キーバリュー、オブジェクトストレージを使ったアプリホスティングが加わり、超過分は従量課金です。 Briksは、すべてのプランですべてのサイトをホスティングします。最初の公開は、検索には載らない、専用のbriks.liveアドレスのプレビューに出ます。Publish to production は、公開前のチェックのあとに行われます。データを保存するサイトには、専用のデータベースが付きます。独自ドメインはStarterから使え、証明書は自動で管理されます。 03 変更 ## 変更を加える Webflow:デザイナーで自分で変更します。Briks:依頼すれば、変更はすべてバージョンとして残ります。 Webflow では、ビジュアルデザイナーで変更を加えるか、AIにセクションや文章を生成してもらいます。2026年と2023年の2人のレビュー担当者は、よりシンプルなビルダーに比べて習得が難しいと述べています。 Briksでは、変更したい内容をスタジオのチャットに書くだけで、作成され公開されます。変更はそれぞれバージョンになり、編集権限のある人なら誰でも、元に戻す、やり直す、復元することができます。保存したバージョンは、公開中のサイトとA/Bテストもできます。開発者は、これまでどおりサイトのファイルを開いて編集できます。 04 公開後 ## 公開後 WebflowのAEOエージェントは上位プランのみですが、Briksのエージェントは、Starter以上のすべての有料プランで使えます。 Webflow の AEO エージェントは、サイト全体の修正とコンテンツを提案して実行し、公開前に確認できます。対象は、年間契約で月額 $2,500 の Team プラットフォームプランと Enterprise です。Webflow MCP サーバーを使うと、外部の AI ツールからサイトを管理できます。ネットショップ機能は別のサイトプランで提供され、年払いで月額 $29 の Standard から、取引手数料は 2% です。 Briks は、公開しているすべてのサイトで訪問者数をCookieなしで計測します。ページの内容から回答する任意のチャットがあり、フォームの入力内容はスタジオに保存され、本番環境ではメールでも届きます。A/Bテストはすべてのプランで利用できます。Briks のエージェントは有料プランに含まれ、サイトではご自身の決済サービスを通じて都度払いと定期購入を受け付けられます。 05 料金 ## 料金 Webflow Basicは1サイトにつき月額$25、Briks Proは3サイトで月額$29です。 WebflowのBasicサイトプランは、1サイトで月額$25、年払いなら月額$15で、CMSは付きません。CMSはPremiumから使えます。コードのエクスポートが付くワークスペースプランは別料金で、AIはクレジットを使い、Webflow Cloudの超過分は従量課金です。無料のStarterプランは、静的ページ2つ、CMSアイテム50件、帯域1 GBです。 Briks Starter は月額$16で、1サイト、1ドメイン、175クレジットが付きます。Pro は$29で、3サイト、3ドメイン、400クレジットです。Studio は$79で10サイト、Agency は$199で30サイトです。Free は1サイト分として50クレジットを1回だけ付与します。席数の料金はなく、1年分をまとめて支払うと2か月分が無料になり、有料プランはチェックアウトでオンライン購入できます。 06 所有権 ## コードの所有権 Webflowのエクスポートは本格的なものですが、有料プランのBriksのzipは単体で動くサイトではありません。 Webflowは有料のWorkspaceプランでHTMLとCSSを書き出せます。他の場所でホスティングする正当な方法ですが、二つの制限があります。CMSのアイテムとページはコードとして書き出せず、書き出し後はフォームが動作しなくなります。 Briksでは、サイト自体のファイルを閲覧・編集でき、有料プランではzipでダウンロードできます。ただしzipには、すべてのBriksサイトが動くための共通部分が含まれないため、単体では動作しません。有料プランでは、データベースのレコードもJSONまたはCSVでダウンロードできます。 ## Webflowについてレビュアーが挙げる点 これらの点は、名前の分かるレビュアーによるもので、リンクと日付を付け、複数の情報源が一致したものだけを載せています。あくまで一部の人の体験であり、すべての人に当てはまるわけではありません。自社のツールを公開しているレビュアーもいます。また、古いレビューはWebflowの現在のプランより前のものかもしれません。 - よりシンプルな作成ツールと比べて、習得に時間がかかります。 - Webflowの主な欠点は、習得にかなり手間がかかることです。[Matt Walsh, Style Factory, 2026年9月23日](https://www.stylefactoryproductions.com/blog/webflow-review) - ホームページ作成ツールとしては比較的使いにくい。特にWixやGoDaddyと比べるとその傾向がある [Samuel Jagger, Website Builder Expert, 2023年9月2日](https://www.websitebuilderexpert.com/website-builders/webflow-review/) **Briks の場合:** Briksには覚えるべきデザインツールがありません。サイトも後からの変更も、普通の言葉で伝えるだけです。 ### Webflowの強み - クリーンなHTMLとCSSの書き出しは、有料のワークスペースプランで利用できます。 [ソース](https://webflow.com/pricing) - Webflow Cloud は、サイトと並べてSQLite、キーバリュー、オブジェクトストレージを備えたアプリホスティングを追加します。 [ソース](https://webflow.com/pricing) - AIホームページ作成ツールは、1ページだけでなく、再利用できるデザインシステム(Flowkit)を出力します。 [ソース](https://webflow.com/ai-site-builder) ## どんな方にどれが向いているか 正直な振り分けです。左側のリストがあなたに当てはまるなら、現時点ではWebflowのほうが適しています。 ### 次の場合はWebflowを選んでください - あなたやチームが、細かく調整しながらビジュアルでデザインしたい場合です。 - ほかの場所でホストできるHTMLとCSSが必要です。 - 大規模な CMS や、専用のネットショッププランが必要。 - AEOエージェントを導入したいエンタープライズチームの方向けです。 [Webflow を見る](https://webflow.com/) ### 次の場合は Briks がおすすめです - デザインツールを覚えずに、サイトのデザインと作成を任せたい。 - 複数のサイトを運営していて、3つでも10でも30でも、1つのプランでまとめたい方向けです。 - どのプランでも、普通の言葉での変更、バージョン管理、A/Bテストを使いたい方に。 - サイトの公開前にコントラストをチェックしたい方に。 [無料で作り始める](https://app.briks.dev/signup) ## どれが合いますか? プロジェクトに必要なものにチェックを入れてください。提案は分かっていることだけを数えます。Webflowのページに書かれていなかった要件が、マイナスに数えられることはありません。 あなたの提案 必要なものにチェックを入れてください 候補は入力に合わせて更新され、Webflow にもできます。 ## WebflowからBriksへの乗り換え Webflow のエクスポートはバックアップとして残せますが、Briks への移行では、ご要望をもとに新しく作り直します。Webflow のサイトは見た目の参考として使えます。 1. **残したいものを集める** 新しいサイトに載せたい文章をWebflowのサイトからコピーし、お持ちの画像も集めておいてください。 2. **画像をアップロードする** Briksのメディアライブラリに追加すると、どのプロジェクトのプロンプト欄からも使えます。 3. **ブリーフから新しいプロジェクトを始める** ビジネスの内容を書き、残したい文章を貼り付けてください。Briksが、必要なページと、説明に含まれていない点を尋ねます。 4. **Webflow のサイトを参考サイトとして追加** プロジェクトの参考サイトとしてアドレスを貼り付けてください。Briksがレイアウト、余白、書体、動き、ヘッダーを読み取り、あなたの言葉でその雰囲気に沿った新しいサイトを作ります。 5. **プレビューを確認する** 最初の公開は、検索に表示されないbriks.liveのプレビューに行われます。変更は普通の言葉で頼めます。変更ごとにバージョンが残り、元に戻せます。 6. **本番環境へ公開する** 最初に公開前チェックが実行され、どこにもつながらないリンクも確認します。 7. **有料プランでドメインを接続** Starter 以上のプランで、Aレコード、www 用の CNAME、TXTレコードを追加します。証明書は自動で発行・更新されます。有料プランはチェックアウトでオンライン購入できます。 ### 知っておくと便利なこと - Webflowのecommerceは引き継げません。Briksでは、支払いはご自身の決済サービスを通じて行い、頼めば配送もサイトに組み込まれます。 - CMS のコンテンツは、依頼文に貼り付けるか、ビルド後に普通の言葉で追加できます。 ## よくある質問 ### BriksはWebflowより簡単ですか? 多くの方にとっては、はい。デザイナーの知識を学ぶ必要はなく、変更は普通の言葉で伝えられます。Webflow は細かく自分で操作できる分、習得に時間がかかります。 ### WebflowのようにBriksからコードを書き出せますか？ 同じ形ではありません。WebflowはHTMLとCSSを有料のWorkspaceプランでエクスポートします。Briksでは、有料プランでサイト用のファイルをzipでダウンロードできますが、単体では動作しません。 ### BriksにはWebflowのようなCMSがありますか? Briksでは、データを使うサイトに専用のデータベースが付きます。Databaseタブで編集でき、有料プランではJSONまたはCSVでダウンロードできます。WebflowのCMSはより充実したコンテンツ管理ツールで、Premiumサイトプランから利用できます。 ### 複数のサイトでは、どちらが安いですか? Webflowはサイトごとに料金がかかります。Basicは月額$25、年払いなら月額$15です。Briks Proは3サイトで月額$29、Studioは10サイトで$79です。 ### どちらも公開後にエージェントがありますか? WebflowのAEOエージェントはTeamプランとEnterpriseで使えます。BriksのエージェントはStarter以上のすべての有料プランで使えます。 ### BriksはWebflowのようなアニメーションを作れますか? Briksは参考にしたサイトの動きを読み取り、その雰囲気で作成します。Webflowのデザイナーでは、インタラクションを直接操作できます。 ## ソース このページのWebflowに関する情報はすべて、2026年10月8日に開いた下記のページに基づいています。製品は変わることがあるため、ご判断の前にWebflowのサイトをご確認ください。 ### Webflow 1. [webflow.com/pricing](https://webflow.com/pricing) SiteプランとWorkspaceプラン、ecommerceプランとUSD価格、無料プランの上限、独自ドメイン、コードのエクスポート、CMSの上限、Webflow Cloud、AIクレジット、TeamプランのAEOエージェント 2. [webflow.com/ai](https://webflow.com/ai) WebflowのAI機能、MCPサーバー 3. [webflow.com/ai-site-builder](https://webflow.com/ai-site-builder) AIサイト作成の出力とFlowkit 4. [webflow.com/aeo](https://webflow.com/aeo) 公開前にレビューできるAEOエージェント ### レビュー 1. [www.stylefactoryproductions.com/blog/webflow-review](https://www.stylefactoryproductions.com/blog/webflow-review) Matt Walsh, Style Factory, 2026年9月23日 2. [www.websitebuilderexpert.com/website-builders/webflow-review/](https://www.websitebuilderexpert.com/website-builders/webflow-review/) Samuel Jagger, Website Builder Expert, 2023年9月2日 ### Briks 1. [briks.dev/ja/features](https://briks.dev/ja/features) Briksが今できることを、機能ごとに条件とあわせて紹介します 2. [briks.dev/ja/pricing](https://briks.dev/ja/pricing) プラン、クレジット、各プランの内容 3. [briks.dev/ja/features/ai-agents](https://briks.dev/ja/features/ai-agents) 有料プランのエージェント 4. [briks.dev/ja/features/your-code](https://briks.dev/ja/features/your-code) コードのダウンロードに含まれるもの 5. [briks.dev/ja/features/sign-in-and-payments](https://briks.dev/ja/features/sign-in-and-payments) 訪問者向けのログインと、オーナー自身の決済代行サービスによる決済 2026年10月8日時点の情報です。製品は変わりますので、決める前に各社のサイトをご確認ください。 ## 比較を続ける [**Webflowの代わりになるもの** Briksを含む4〜6つの選択肢を並べて比較します。*閲覧*](https://briks.dev/ja/alternatives/webflow) [**Briksの全機能** Briks が今できること、そして各機能に必要なもの(プラン、スイッチ、または何も不要)をご案内します。*閲覧*](https://briks.dev/ja/features) [**すべての比較** AIアプリ作成ツールとAIホームページ作成ツール12種と、選び方の短いガイドです。*閲覧*](https://briks.dev/ja/compare) 他の比較 - [Briks と Framer の比較](https://briks.dev/ja/compare/briks-vs-framer) - [Briks と Wix の比較](https://briks.dev/ja/compare/briks-vs-wix) - [Briks と Squarespace の比較](https://briks.dev/ja/compare/briks-vs-squarespace) - [Briks と WordPress.com の比較](https://briks.dev/ja/compare/briks-vs-wordpress-com) - [Briks と Durable の比較](https://briks.dev/ja/compare/briks-vs-durable) - [Briks と Hostinger の比較](https://briks.dev/ja/compare/briks-vs-hostinger) - [Briks と Lovable の比較](https://briks.dev/ja/compare/briks-vs-lovable) - [Briks と Bolt.new の比較](https://briks.dev/ja/compare/briks-vs-bolt) - [Briks と Replit の比較](https://briks.dev/ja/compare/briks-vs-replit) - [Briks と v0 の比較](https://briks.dev/ja/compare/briks-vs-v0) - [Briks と Base44 の比較](https://briks.dev/ja/compare/briks-vs-base44) ## ご自身のビジネスでBriksを試してみましょう 一文で説明するか、気に入ったサイトを指定してください。無料で始められ、カードは不要です。