Webflow App Genのご紹介

※この記事は2025年11月12日にWebflowが公開した下記アップデート情報・ニュースを日本語訳したものです（一部加筆・修正あり）

Introducing Webflow App Gen

‍

Webflow App Genがパブリックベータとして公開され、Webflowでの制作体験が大きく進化しました。
これまでの「Webサイト構築」からさらに踏み込み、フルスタックのWeb体験をWebflow上で生成する時代へと移行しています。

AIを活用したApp Genにより、誰でもシンプルなプロンプトから、ブランドに沿った本番運用可能なWebアプリを生成し、ワンクリックでWebflow Cloudにデプロイできます。

‍

App Genの仕組み

1. シンプルなプロンプトからスタート

自然言語のプロンプトを入力するだけでWebアプリを生成できます。

2. ブランドの一貫性を維持

既存のデザインシステム、変数(variables)、コンポーネント(components)を活用し、常にブランドにフィットした UI を自動生成します。

3. CMSと連携

CMSのコンテンツを利用して、

• ディレクトリ
• 電卓ツール
• ダッシュボード
  など、データ駆動型のアプリを構築できます。

4. 安全かつ簡単にデプロイ

生成されたアプリは、Webflow Cloudにワンクリックでデプロイ可能。
サイトと同じ環境で、安全かつスムーズにホスティングできます。

‍

パブリックベータとして提供開始

App Genは現在パブリックベータとして、すべてのサイトプランで利用可能です。
ベータ期間中は追加料金なしで使用できます。
なお、正式版リリース時には価格や提供条件が変更される可能性があります。

※本番環境へデプロイするアプリは、Webflow Cloudの料金体系が適用されます。

‍

App Genの有効化方法

1. Workspace設定から Webflow AIをオンにする
2. Enterpriseをご利用の方は、サイトごとの設定でもWebflow AIを有効化する必要があります
3. 有効化すると、App Genを含むWebflow AI機能が自動的に利用可能になります

さらに詳しく知るには

• ブログ記事：背景やコンセプトはローンチブログで解説
• ドキュメント：機能の詳細な仕組みを確認
• デモ：Webflow Conf 2025のキーノートで実際の動作を閲覧可能

また、Webflow のコード生成機能の今後についてはこちらで最新情報が公開されています。

‍