AIによるコードコンポーネント生成機能の提供が開始されました！

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

Introducing AI code components

‍

4月30日より、Webflow AIを活用して、誰でもサイト向けのコードコンポーネントを生成できるようになりました。

コードコンポーネントの提供開始以来、多くの開発者がWebflowサイトに高度でインタラクティブな機能を実装してきました。一方で、多くのマーケティングチームでは、サイトに必要なインタラクティブ体験と、それを実装するための開発リソースとの間にギャップが存在しています。Webflowは、この課題を解消することを目指してきました。

今回のアップデートにより、開発者だけでなく、デザイナーやマーケターもWebflow AI Assistantを利用して、再利用可能でブランドに沿ったコードコンポーネントをWebflow上で直接作成できます。

AIによるコードコンポーネント生成の仕組み

例えば、料金シミュレーター、検索フィルター、アニメーション、店舗・拠点検索機能など、作成したい機能を自然な言葉で説明するだけで、AI Assistantがデザインシステムに沿ったコードコンポーネントをコンポーネントキャンバス上に生成します。

コンポーネントの生成後は、AI Assistantとの対話を続けながら調整を加えることも、コードを直接編集して細かなカスタマイズを行うことも可能です。その後、完成したコンポーネントをサイトへ追加できます。

AIコードコンポーネント機能は、現在すべてのユーザーが利用可能です。ただし、AIコードコンポーネントを含むサイトを公開するには、有料のWorkspaceプラン、またはCMSプラン以上のサイトプランが必要です。利用条件やプラン要件の詳細については、ヘルプセンターで確認できます。

また、この機能のリリースにあわせて、WebflowはApp Genの新規開発を一時停止することを発表しました。詳細については、公式ブログをご確認ください。

‍