An astronaut overseeing a futuristic data hub
PDFをダウンロードMarkdown版

WebflowをChatGPT、Claude、Geminiに接続

一度設定すれば、ChatGPT、Claude、Cursorなど、お気に入りのクライアントでどれでも動きます。すべては裏側で安全に動くので、あなたは安心して本当に大切なことに集中できます。AIとの対話を通じて、Webflowのサイト運営を劇的に効率化します。

このConnectorについてAIに質問

Vinkiusが開発・運用・ホスティング。

MCP認証済み · 本番環境対応 · Vinkius保証

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

AIが仕事をこなします。私たちが安全に守ります。

他のAIツールではこれは手に入りません。ワークフローはお気に入りのクライアントで動き、アカウントは守られ、エージェントに何を許すかはあなたが決めます。これこそ乗り換えるべき理由です。

すべてのConnectorは当社のインフラストラクチャの中、あなたのワークフローが動くのと同じ場所にあります。下の3つはすでにその一部で、背景で静かに働き、あなたが意識する必要がないようにしてくれます。追加するものも、設定するものも、心配することもありません。

A futuristic MCP client docking bay
V8 Isolate01

各Connectorは独自の密閉された環境内で実行されます。

各Connectorは独自の封印されたV8ランタイムで実行され、ファイル、システム、他のサーバーへのアクセスはありません。Connectorが自身のリクエストを超えて中身を見ることはありません。

Kill Switch02

1つのスイッチで全エージェントを停止。即座に。

1つのアクションで全Connectorを無効化し、全トークンを失効させ、全セッションを終了します。AI Governanceが記録を保持します。

ユーザーごとのFinOps03

驚きではなく、一時停止する支出制限。

各ユーザーは自身の接続と認証情報を持ち、他から隔離されています。支出制限を超える操作は課金されず、あなたの承認を待ちます。

3つのコントロールが、AIが接続するレイヤーに 組み込まれています。

厳選セット · 8機能

届けるのは、本当に必要な動作だけです。

機能セット01 / 02

01-04

このセットには4機能あります。

Webflowで使える8機能の一部です。

  1. 01

    CMSコレクション一覧の取得

    サイト内のすべてのCMSコレクションをリストアップします。

  2. 02

    コレクションアイテムの取得

    指定したCMSコレクション内のアイテムを一覧表示します。

  3. 03

    サイト一覧の取得

    Webflowに登録されているすべてのサイトをリストアップします。

  4. 04

    サイトユーザー一覧の取得

    サイトに登録されているユーザー情報を取得します。

機能セット02 / 02

05-08

このセットには4機能あります。

Webflowで使える8機能の一部です。

  1. 05

    サイトアセット一覧の取得

    アップロードされている画像やファイルなどのアセットを一覧表示します。

  2. 06

    Eコマース注文一覧の取得

    オンラインストアの最新の注文履歴を確認します。

  3. 07

    CMSアイテムの新規作成

    新しいCMSアイテムを直接作成します。

  4. 08

    サイト詳細情報の取得

    特定のサイトに関する詳細な情報を取得します。

実際の業務

チームが実際に回している作業

01

Rapid CMS Updates

Add new blog posts or collection items by simply describing them to your agent.

02

E-commerce Check-ins

Ask your agent for a summary of recent orders to stay updated on sales.

03

Media Library Audits

Verify which images or files are currently uploaded to your site assets.

04

Site Configuration Checks

Quickly pull site details and metadata to confirm project settings.

タスクを自動化

Webflowを一つのタスクに働かせる。

このConnector経由でAIが実行するステップバイステップの自動化：ワークフロー、始めるためのプロンプト、そして一つひとつの動きの裏にある正確な機能。

1つのConnector、すべてのAI

Webflowは、最も人気のあるAIクライアントで動きます。

これは最も人気のあるクライアントで、それぞれにステップバイステップのガイドがあります。リンクは1つ、設定は一度、ガバナンスと可視性は最初から組み込み。しかもすべてMCP標準で動くため、同じ接続は他の対応クライアントでもそのまま使えます。作り直す必要はありません。

ClaudeClaudeChatGPTChatGPTGeminiGeminiPerplexityPerplexityGrokGrokMicrosoft CopilotMicrosoft CopilotCursorCursorVS CodeVS CodeWindsurfWindsurfJetBrainsJetBrainsClineClineLangChainLangChainVercel AI SDKVercel AI SDKLovableLovableZ.aiZ.aiRaycastRaycastQwen CodeQwen CodeKimi CodeKimi CodeLe ChatLe Chat

自社アプリを作っていますか？Connectorはあなたのもの。

Webflowを働かせるのにクライアントは不要です。同じホストされた接続が、あなたのアプリやエージェントのコードにそのまま組み込め、すべてのリクエストに同じガバナンスが適用されます。作るのも、会話するのも、1つの接続で両方。

実測値、推定値ではない

平均821ms。本番環境で高速。

Webflowは本番サービスに対して毎日チェックされています。

日次平均最大1010ms
10月5日今日
最速日
663ms
最遅日
1010ms
14日間の傾向
安定+2%

クライアントを接続

1つのURL。すべてのクライアント。

Connectorを有効化し、リンクをコピーして、いつも使うクライアントに貼り付けるだけ。8個の機能がすぐに使えます。

プレビューアクセス · プロバイダー認証ではありません

vk_preview_* トークンは Vinkius のプレビューインフラに属します。Claude が Webflow のケイパビリティを検出して表示できるようにし、AI の中でその体験を確認できます。

このトークンは Webflow のアカウントを認証するものではありません。認証情報や実際のアカウントデータが必要なアクションは、Connector を有効化してサービスを承認するまで実行されない場合があります。

Webflow Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Webflow capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "webflow-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_0EndA4IOzHlvdmF21QR5LLvSlZSMaA85Yj0a5xE1/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

各クライアントの手順ガイドはこちらです。 接続方法

Claude向けのガイド付きセットアップ？ WebflowをClaudeや他のAIに設定する

このConnectorが対応するすべてのAIクライアントを見る ↑

対象ユーザー

Webflowユーザーが任せたい仕事のために。

Webflowを活用するプロフェッショナル向けのツールです。AIとの対話を通じて、デザイン作業以外の管理業務を迅速にこなせます。

  • 01

    Webデベロッパー

    開発プロセス中にCMSデータの検証やサイト設定の確認を素早く行えます。

  • 02

    コンテンツマネージャー

    AIへの簡単な指示だけで、CMSアイテムの更新やアセットの確認が可能です。

  • 03

    ストアオーナー

    ワークスペースから直接、Eコマースの注文状況や顧客の成長を確認できます。

FAQ

Webflowユーザーからのよくある質問。

  • 01

    How do I connect my Webflow account?

    You need to provide your Webflow API Access Token during the setup process in Vinkius. This token is found in your Webflow site or workspace settings.

  • 02

    Which AI clients can I use with this MCP?

    You can use this MCP with any compatible client, including Claude, Cursor, and Windsurf.

  • 03

    Can I actually add content to my website?

    Yes, you can use the create_collection_item capability to add new items to your CMS collections through your AI client.

  • 04

    Does this work with Webflow e-commerce?

    Yes, the MCP includes capabilities to list and inspect your e-commerce orders and customer data.

  • 05

    Do I need to use the Webflow Designer to manage CMS items?

    No, you can query, list, and create CMS items directly through your AI agent using this MCP.

  • 06

    Can I see my e-commerce orders using the AI?

    Yes! Use the list_ecommerce_orders capability with your Site ID. Your agent will retrieve all recent orders processed in your Webflow store.

  • 07

    How do I add a new item to my blog collection?

    Use the create_collection_item action. Provide the Collection ID and a JSON object with the field values for your new blog post.

  • 08

    Is it possible to list all images uploaded to a site?

    Absolutely. Use the list_site_assets query to retrieve a complete list of uploaded images, files, and media available in your site's library.

さがす

Developer Toolsの他のコネクタ

おすすめ

『Webflow』を Claude、Cursor、ChatGPT などに接続