Webflow

ページのデザイン、CMS コンテンツの管理、モーションの追加、トラフィック分析、サイト全体の公開まで、すべてプロンプト一つで、ワークスペースの既存の権限の範囲内で実行できます。

Claudeに追加
(opens in new tab)

Webflow はプロフェッショナルなウェブサイトの構築・運営に特化したビジュアルプラットフォームです。Webflow MCP を使えば、Claude をワークスペースに直接接続できます。自然な言葉で指示を出すだけで、エージェントが既存のデザインシステム・コンテンツ・データをもとに、実際のサイトへ変更を適用します。

できることの例:

- デザインと構築:レスポンシブなページの作成、再利用可能なコンポーネントの構築、カラー・フォント・スペーシングを管理する変数の設定。

- コンテンツの大規模管理:ブログ記事や導入事例など、繰り返し表示されるコンテンツを支える CMS コレクションのセットアップと再構成、アイテムの一括作成・更新。

- サイトに動きを加える:ページへのモーションやインタラクティビティの追加と、ビジュアルタイムライン上での細かな調整。

- 分析と計測:トラフィック、人気ページ、期間別のエンゲージメントについて会話形式で質問し、すぐに回答を得る。

コントロールは常にカスタマーの手元にあります。エージェントはワークスペースに設定済みのロールと権限の範囲内で動作し、サイトの構築方針はカスタマーが記述した Agent Instructions に従います。また、すべての操作はサイトのアクティビティログに記録されます。ページブランチ(ページのプライベートコピー)に対してエージェントを実行することで、公開中のサイトに影響を与えずに作業を進められます。エージェントが構築したコンテンツは Webflow のビジュアルエディターで確認・調整してから公開できます。

Webflow を使い始めたばかりでも心配いりません。製品を事前に習得する必要はありません。エージェントが構築するのは、本番環境のホスティングとコンテンツ管理システムを備えた本格的なウェブサイトであり、カスタマーが保守責任を負うコードの出力物ではありません。手動で作業したいときはいつでもビジュアルエディターを開いて引き継げます。

ツール

  • ask_webflow_ai
  • asset_tool
  • data_agent_instructions_tool
  • data_analyze_tool
  • data_assets_tool
  • data_cms_tool
  • data_comments_tool
  • data_component_builder
  • data_component_tool
  • data_element_builder
  • data_element_tool
  • data_enterprise_tool
  • data_fonts_tool
  • data_forms_tool
  • data_localization_tool
  • data_pages_tool
  • data_scripts_tool
  • data_sitemap_tool
  • data_sites_tool
  • data_style_tool
  • data_variable_tool
  • data_webhook_tool
  • data_whtml_builder
  • designer_tool

信頼できる開発者のコネクターのみご利用ください。Anthropicは開発者が提供するツールを管理しておらず、意図どおりに動作すること、または変更されないことを保証できません。

関連コネクター

Google Drive

ファイルの検索、閲覧、アップロードをすばやく行えます。

ClaudeにGoogle Driveを追加(新しいタブで開く)

Google Calendar

スケジュール管理と会議の調整をスムーズに行えます。

ClaudeにGoogle Calendarを追加(新しいタブで開く)

Canva

Canva デザインの検索、作成、自動入力、エクスポート

ClaudeにCanvaを追加(新しいタブで開く)

Microsoft 365

SharePoint、OneDrive、Outlook、Teams に Claude から直接アクセスできます。

ClaudeにMicrosoft 365を追加(新しいタブで開く)

Notion

Notion ワークスペースに接続して、ツール横断のワークフローを検索・更新・強化

ClaudeにNotionを追加(新しいタブで開く)

Slack

Slack へのメッセージ送信、キャンバスの作成、Slack データの取得を行えます。

ClaudeにSlackを追加(新しいタブで開く)