# How to integrate Webflow MCP with Atomic Agent

```json
{
  "title": "How to integrate Webflow MCP with Atomic Agent",
  "toolkit": "Webflow",
  "toolkit_slug": "webflow",
  "framework": "Atomic Agent",
  "framework_slug": "atomic-agent",
  "url": "https://composio.dev/toolkits/webflow/framework/atomic-agent",
  "markdown_url": "https://composio.dev/toolkits/webflow/framework/atomic-agent.md",
  "updated_at": "2026-08-28T15:35:27.390Z"
}
```

## Introduction

Atomic Agent is an open-source AI agent that runs on your machine and supports local models through llama.cpp. Connect it to 1,500+ apps through Composio, including Webflow.
This guide uses Atomic Agent's built-in Composio integration. You need Atomic Agent v0.5.6 or later, your own Composio API key, and a Webflow account. See the [Atomic Agent documentation](https://atomicagent.io/docs/?cta_placement=atomic-agent-docs) for installation instructions.

## Also integrate Webflow with

- [ChatGPT](https://composio.dev/toolkits/webflow/framework/chatgpt)
- [Antigravity](https://composio.dev/toolkits/webflow/framework/antigravity)
- [OpenAI Agents SDK](https://composio.dev/toolkits/webflow/framework/open-ai-agents-sdk)
- [Claude Agent SDK](https://composio.dev/toolkits/webflow/framework/claude-agents-sdk)
- [Claude Code](https://composio.dev/toolkits/webflow/framework/claude-code)
- [Claude Cowork](https://composio.dev/toolkits/webflow/framework/claude-cowork)
- [Grok Bot](https://composio.dev/toolkits/webflow/framework/grok-bot)
- [Codex](https://composio.dev/toolkits/webflow/framework/codex)
- [Kimi Code](https://composio.dev/toolkits/webflow/framework/kimi)
- [Grok Build](https://composio.dev/toolkits/webflow/framework/grok-build)
- [Cursor](https://composio.dev/toolkits/webflow/framework/cursor)
- [VS Code](https://composio.dev/toolkits/webflow/framework/vscode)
- [OpenCode](https://composio.dev/toolkits/webflow/framework/opencode)
- [OpenClaw](https://composio.dev/toolkits/webflow/framework/openclaw)
- [Hermes](https://composio.dev/toolkits/webflow/framework/hermes-agent)
- [CLI](https://composio.dev/toolkits/webflow/framework/cli)
- [Google ADK](https://composio.dev/toolkits/webflow/framework/google-adk)
- [LangChain](https://composio.dev/toolkits/webflow/framework/langchain)
- [Vercel AI SDK](https://composio.dev/toolkits/webflow/framework/ai-sdk)
- [Mastra AI](https://composio.dev/toolkits/webflow/framework/mastra-ai)
- [LlamaIndex](https://composio.dev/toolkits/webflow/framework/llama-index)
- [CrewAI](https://composio.dev/toolkits/webflow/framework/crew-ai)
- [Pydantic AI](https://composio.dev/toolkits/webflow/framework/pydantic-ai)
- [AutoGen](https://composio.dev/toolkits/webflow/framework/autogen)

## TL;DR

### How Atomic Agent connects to Webflow
Atomic Agent connects to Composio's Tool Router over Streamable HTTP MCP. It discovers the tools needed for your request, and Composio handles account authentication.
Execution and account-connection tools follow Atomic Agent's configured approval policy. Review any approval prompt before allowing an action on your connected account.

## Connect Webflow to Atomic Agent

### Connect Webflow to Atomic Agent
- Sign up or sign in to the [Composio dashboard](https://dashboard.composio.dev/?cta_placement=atomic-agent-api-key). Copy your API key.
- In Atomic Agent, open the Integrations tab and select Composio. Select API key, press e, paste the key, and press Enter. The tools become available immediately, without a restart.
- Ask Atomic Agent to do something in Webflow. It searches Composio for the right tool.
- On first use, open the sign-in link returned in the chat. Connect your Webflow account, then return to Atomic Agent to continue.
### Headless setup
Add the following line to ~/.atomic-agent/.env, replacing YOUR_COMPOSIO_API_KEY with your key. Start Atomic Agent after saving the file.

```bash
COMPOSIO_API_KEY=YOUR_COMPOSIO_API_KEY
```

## What is the Webflow MCP server, and what's possible with it?

The Webflow MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Webflow account. It provides structured and secure access to your Webflow sites, collections, and e-commerce data, so your agent can perform actions like managing content, updating inventory, handling orders, and retrieving detailed site information on your behalf.
- Effortless content management: Ask your agent to create, update, or delete collection items—perfect for adding new blog posts, products, or dynamic content without manual entry.
- Comprehensive site and collection insights: Retrieve up-to-date details about your Webflow sites and collections, including schema, settings, and structure, to power content-aware automations.
- Inventory and order automation: Have your agent check inventory levels, update stock, and mark orders as fulfilled, streamlining your Webflow e-commerce operations.
- Bulk data handling: Let your agent list all items in a collection or all collections on a site, enabling smart reporting, audits, or content migrations with a simple prompt.
- Seamless integration with creative workflows: Enable real-time, AI-driven updates to your site content, inventory, or orders in response to team or customer needs—no coding required.

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `WEBFLOW_CREATE_ASSET_FOLDER` | Create Asset Folder | Tool to create a new Asset Folder within a Webflow site. Use when you need to organize assets by creating folders. Requires assets:write scope. |
| `WEBFLOW_CREATE_BULK_COLLECTION_ITEMS` | Bulk Create Collection Items | Tool to create one or multiple items in a Webflow CMS Collection across multiple locales. Use when you need to create up to 100 collection items in a single request. If cmsLocaleIds is not included for an item, it will only be created in the primary locale. Requires CMS:write scope. |
| `WEBFLOW_CREATE_COLLECTION` | Create Webflow Collection | Tool to create a new collection in a Webflow site. Each collection includes required 'name' and 'slug' fields which are generated automatically. Use this when you need to create a new CMS collection with custom fields. Required scope: cms:write |
| `WEBFLOW_CREATE_COLLECTION_FIELD` | Create Collection Field | Tool to create a custom field in a Webflow collection. Use when you need to add a new field to an existing collection. Field validation is currently not available through the API. Bulk creation of fields is not supported - fields must be created one at a time. |
| `WEBFLOW_CREATE_COLLECTION_ITEM` | Create Webflow Collection Item | This tool creates a new item in a specified Webflow collection. It requires the collection_id and field_data parameters (including required name and slug) and optionally accepts an is_draft flag. Authentication is assumed to be provided, and the collection_id can be obtained by using the WEBFLOW_LIST_COLLECTIONS tool. IMPORTANT: The field_data keys must use the exact field 'slug' values from the collection schema, not display names. Use WEBFLOW_GET_COLLECTION first to retrieve the collection schema and identify the correct field slugs to use. |
| `WEBFLOW_CREATE_LIVE_COLLECTION_ITEM` | Create Live Webflow Collection Item | Tool to create a collection item that will be immediately published to the live site. Use when you need items to appear on the live site instantly without staging. This bypasses the staged item workflow and creates items directly in the live database. |
| `WEBFLOW_DELETE_ASSET` | Delete Webflow Asset | Tool to delete an Asset from Webflow. Use when you need to permanently remove an asset from a site. Requires assets:write scope. |
| `WEBFLOW_DELETE_COLLECTION` | Delete Webflow Collection | Tool to delete a collection from Webflow using its unique identifier. Use when you need to permanently remove a collection. This operation requires the 'cms:write' scope and cannot be undone. |
| `WEBFLOW_DELETE_COLLECTION_FIELD` | Delete Collection Field | Tool to delete a custom field from a Webflow collection. Use when you need to permanently remove a field from a collection schema. This endpoint does not currently support bulk deletion and requires the 'cms:write' authentication scope. |
| `WEBFLOW_DELETE_COLLECTION_ITEM` | Delete Webflow Collection Item | This tool allows you to delete a specific item from a collection in Webflow. It permanently removes the item from the specified collection and complements existing collection management tools. The tool requires a collection_id to identify the collection and an item_id to identify the item, with an optional cms_locale_id parameter for handling multi-language content. |
| `WEBFLOW_DELETE_COLLECTION_ITEMS` | Delete Multiple Collection Items | Tool to delete multiple items from a Webflow collection in a single request. Use when you need to remove multiple collection items efficiently. Items are deleted only in the primary locale unless cmsLocaleIds are specified. Requires CMS:write scope. |
| `WEBFLOW_DELETE_WEBHOOK` | Delete Webflow Webhook | Tool to remove a Webhook from Webflow. Use when you need to delete an existing webhook by its ID. Requires 'sites:read' scope. |
| `WEBFLOW_FULFILL_ORDER` | Fulfill Order | This tool allows you to mark an order as fulfilled in Webflow's e-commerce system. It's essential for managing order fulfillment in Webflow stores. |
| `WEBFLOW_GET_ASSET` | Get Asset Details | Retrieves detailed information about a specific asset by its ID from a Webflow site. Returns asset metadata including content type, size, URLs, variants, and other properties. Use this when you need to access details about an uploaded asset. This tool requires the 'assets:read' authentication scope. |
| `WEBFLOW_GET_ASSET_FOLDER` | Get Asset Folder Details | Tool to retrieve details about a specific Asset Folder in Webflow. Use when you need information about a folder's name, parent folder, assets it contains, and metadata like creation/update dates. Requires assets:read scope. |
| `WEBFLOW_GET_COLLECTION` | Get Collection Details | Retrieves a specific collection by its ID from a Webflow site. This endpoint returns detailed information about the collection, including its name, slug, and schema. It requires a valid collection_id as a parameter and complements the WEBFLOW_LIST_COLLECTIONS tool for accessing specific collection details. This tool requires the 'cms:read' authentication scope. |
| `WEBFLOW_GET_COLLECTION_ITEM` | Get Collection Item | This tool retrieves a specific item from a Webflow collection. It allows users to fetch detailed information about a single collection item using its unique identifier. The tool is used to get an item's details such as its id, timestamps (lastPublished, lastUpdated, createdOn), archive/draft status, fieldData, and cmsLocaleId. This tool requires appropriate 'cms:read' authentication scope. |
| `WEBFLOW_GET_COMPONENT_PROPERTIES` | Get Component Properties | Tool to get the default property values of a component definition. Use when you need to retrieve text content properties (plain text or rich text) for a specific component. If you do not include a localeId in your request, the response will return any properties that can be localized from the Primary locale. Required scope: components:read |
| `WEBFLOW_GET_CUSTOM_DOMAINS` | Get Custom Domains | Tool to retrieve all custom domains associated with a specific Webflow site. Use when you need to list the custom domain URLs configured for a site. |
| `WEBFLOW_GET_ITEM_INVENTORY` | Get Item Inventory | This tool retrieves the current inventory levels for a specific SKU item in a Webflow e-commerce site. It provides information about the item's inventory quantity and type (finite or infinite) and complements the WEBFLOW_UPDATE_ITEM_INVENTORY action by allowing users to check inventory levels before making any updates. Requirements: - E-commerce must be enabled on the Webflow site - The collection_id must be a SKU collection ID (not a regular CMS collection) - The item_id must be a valid SKU item ID - Requires the 'ecommerce:read' authentication scope |
| `WEBFLOW_GET_LIVE_COLLECTION_ITEM` | Get Live Collection Item | Retrieves details of a selected Collection live Item from Webflow. Use this when you need to access the published version of a collection item. For serving data to applications in real-time, the CDN-backed endpoint at api-cdn.webflow.com is recommended for better performance. This tool requires the 'cms:read' authentication scope. |
| `WEBFLOW_GET_ORDER` | Get Order Details | This tool retrieves detailed information about a specific order in Webflow. It allows users to fetch comprehensive order details including customer information, items purchased, payment status, and shipping details. The response includes order status, customer details, billing and shipping information, items purchased, payment details, order total, timestamps, fulfillment status, and additional comments or tracking information. |
| `WEBFLOW_GET_PAGE` | Get Page Metadata | Tool to retrieve metadata for a single Webflow page by page_id. Use when you need detailed information about a specific page including title, slug, SEO/OpenGraph settings, draft/published state, localization, and branching details. Requires pages:read scope. |
| `WEBFLOW_GET_PAGE_DOM` | Get Page DOM Content | Tool to retrieve the DOM/content node structure for a Webflow static page. Use when you need to inspect page elements, locate text content, or identify components for localization or text replacement. Returns static text and image nodes but not the complete DOM structure. Only works with static pages, not CMS template pages. |
| `WEBFLOW_GET_SITE_INFO` | Get Webflow Site Information | This tool retrieves detailed information about a specific Webflow site. It includes site id, workspaceId, creation and update dates, display names, and other settings like previewUrl, timeZone, customDomains, and locale settings. It requires a valid 'site_id' and appropriate 'sites:read' authentication scope. |
| `WEBFLOW_GET_TOKEN_AUTHORIZED_BY` | Get Token Authorized By | Tool to retrieve information about the user who authorized the access token. Use when you need to identify the authorized user's ID, email, first name, and last name. |
| `WEBFLOW_LIST_ASSET_FOLDERS` | List Asset Folders | Tool to list all asset folders within a given Webflow site. Use when you need to retrieve folder structure for asset organization or when uploading assets to specific folders. |
| `WEBFLOW_LIST_ASSETS` | List Webflow Assets | Tool to retrieve all assets (images, files) uploaded to a Webflow site. Use when you need to list or search for assets within a site. Supports pagination for large asset collections. |
| `WEBFLOW_LIST_COLLECTION_ITEMS` | List Collection Items | This tool retrieves a list of items from a specified collection in Webflow. It supports pagination and filtering, and is essential for fetching multiple items from a collection, such as blog posts, products, or any content stored in collections. |
| `WEBFLOW_LIST_COLLECTIONS` | List Webflow Collections | This tool retrieves a list of all collections for a given Webflow site. It uses the site_id (obtained from WEBFLOW_LIST_WEBFLOW_SITES) to return a list of collections, each with properties such as id, name, slug, singularName, lastUpdated, and fields. This tool is fundamental for working with Webflow's CMS and requires appropriate 'cms:read' authentication scope. |
| `WEBFLOW_LIST_COMMENT_THREADS` | List Comment Threads | Tool to list all comment threads for a Webflow site. Use when you need to retrieve comments on pages for collaboration or review purposes. Note: New comments may take up to 5 minutes to appear. |
| `WEBFLOW_LIST_FORM_SUBMISSIONS` | List Form Submissions | This tool retrieves a list of form submissions for a specific Webflow site. It allows users to fetch form submission data with pagination support and optional filtering by form element ID. |
| `WEBFLOW_LIST_ORDERS` | List Webflow Orders | This tool retrieves a list of all orders for a specified Webflow site using the GET /sites/{site_id}/orders endpoint. It accepts a required site_id parameter and optional parameters such as status (to filter orders by their status), offset (for pagination), and limit (specifies the number of items per request). The response includes order details like order_id, created_on, customer_info, status, total, items, shipping_address, billing_address, and payment_info. This functionality supports ecommerce workflow management and requires the scope ecommerce:read. |
| `WEBFLOW_LIST_PAGES` | List Pages | This tool retrieves a list of all pages for a specified Webflow site. It can access both static and CMS-driven pages and provides information such as the page's unique identifier, name, URL slug, creation and update timestamps, and publication status. It is useful for auditing site structure, building site maps, and monitoring page updates. |
| `WEBFLOW_LIST_WEBFLOW_SITES` | List Webflow Sites | This tool retrieves a list of all Webflow sites accessible to the authenticated user. It is a fundamental and independent action which only requires an authentication token and returns details for each site including site_id, name, shortName, lastPublished, previewUrl, timezone, and status. |
| `WEBFLOW_LIST_WEBHOOKS` | List Webflow Webhooks | Tool to list all App-created Webhooks registered for a given site. Use when you need to retrieve the webhooks configured for a Webflow site. Requires 'sites:read' scope. |
| `WEBFLOW_PUBLISH_COLLECTION_ITEMS` | Publish Collection Items | Tool to publish one or multiple staged collection items in Webflow. Use when you need to make draft items live on the published site. Supports both simple publishing (via item_ids) and locale-specific publishing (via items with cms_locale_ids) for multi-locale sites. |
| `WEBFLOW_PUBLISH_SITE` | Publish Webflow Site | This tool publishes a Webflow site, making all staged changes live. It uses the POST /v2/sites/{site_id}/publish API endpoint and requires a valid site_id. You can optionally specify custom domain IDs or choose to publish to the default Webflow subdomain. It is essential for deploying updates made to site content, design, or structure. Rate limit: 1 successful publish per minute. |
| `WEBFLOW_REFUND_ORDER` | Refund Order | This tool allows you to refund a Webflow e-commerce order. When executed, it reverses the Stripe charge and sets the order's status to 'refunded'. It handles customer returns or order cancellations. |
| `WEBFLOW_UNFULFILL_ORDER` | Unfulfill Order | This tool allows you to mark a previously fulfilled order as unfulfilled in Webflow. It is useful for reversing a fulfillment action when an order was mistakenly marked as fulfilled or if there are issues with shipment. |
| `WEBFLOW_UNPUBLISH_LIVE_COLLECTION_ITEM` | Unpublish Live Collection Item | Tool to unpublish a live item from the Webflow site and set the isDraft property to true. Use when you need to take a published collection item offline and revert it to draft status. Requires CMS:write scope. |
| `WEBFLOW_UNPUBLISH_LIVE_COLLECTION_ITEMS` | Unpublish Live Collection Items | Tool to unpublish up to 100 items from the live site and set isDraft property to true. Use when you need to remove items from live view while keeping them in the collection. Items are unpublished only in the primary locale unless cmsLocaleIds are specified. Requires CMS:write scope. |
| `WEBFLOW_UPDATE_COLLECTION_FIELD` | Update Collection Field | Tool to update a custom field in a Webflow collection. Use when you need to modify field properties like display name, help text, or required status. Requires cms:write scope. At least one field property (displayName, helpText, or isRequired) must be provided for the update. |
| `WEBFLOW_UPDATE_COLLECTION_ITEM_V2` | Update Collection Item (V2 Single) | Tool to update a selected Item in a Webflow Collection using the single-item PATCH endpoint. Use when you need to update an existing collection item with new field values, draft status, or archive status. Requires CMS:write scope. |
| `WEBFLOW_UPDATE_ITEM_INVENTORY` | Update Item Inventory | This tool allows you to update the inventory levels of a specific SKU item in your Webflow e-commerce site by either setting the inventory quantity directly or updating it incrementally. It updates the inventory status using the PATCH /collections/:collection_id/items/:item_id/inventory endpoint and requires the 'ecommerce:write' scope. |
| `WEBFLOW_UPDATE_LIVE_COLLECTION_ITEM` | Update Live Webflow Collection Item | Tool to update a selected live Item in a Webflow Collection. Use when you need to publish updates to a collection item directly to the live site. The updates are immediately published and visible on the production website. |
| `WEBFLOW_UPDATE_LIVE_COLLECTION_ITEMS` | Update Live Collection Items | Tool to update single or multiple published items (up to 100) in a Webflow Collection. Use when you need to update items that are already published to the live site. Items will only be updated in the primary locale unless a cmsLocaleId is included in the request. |
| `WEBFLOW_UPDATE_ORDER` | Update Order | This tool allows updating specific fields of an existing order in Webflow. It's particularly useful for managing order fulfillment details and adding internal notes. |
| `WEBFLOW_UPDATE_PAGE_METADATA` | Update Page Metadata | Tool to update page-level metadata in Webflow including SEO and Open Graph fields. Use when you need to modify a page's title, slug, SEO settings, or Open Graph annotations. Requires pages:write scope. |
| `WEBFLOW_UPDATE_SITE` | Update Webflow Site | Tool to update a Webflow site's properties such as name and parent folder. Use when you need to modify site settings. This endpoint requires an Enterprise workspace and the sites:write OAuth scope. |
| `WEBFLOW_UPLOAD_ASSET` | Upload Asset to Webflow | This tool allows users to upload assets (files, images, etc.) to a Webflow site. It involves a two-step process: first, generating a pre-signed Amazon S3 upload URL by calling the Webflow API, and second, uploading the file to that S3 URL. IMPORTANT: The file_content parameter must contain actual base64-encoded binary data, NOT a placeholder or variable reference. For example, 'SGVsbG8gV29ybGQh' is valid base64 that decodes to 'Hello World!'. The tool requires parameters such as site_id, file_name, file_content, md5, and optionally asset_folder_id to correctly upload and manage assets for the specified Webflow site. |

## Supported Triggers

None listed.

## Troubleshooting

### Why is my API key rejected?

Copy the key directly from the Composio dashboard. Atomic Agent requires ASCII characters because it sends the key in an HTTP header. Remove any extra characters introduced when copying.

### Why are Composio tools unavailable after saving a key?

Check that you use Atomic Agent v0.5.6 or later and that Composio is enabled in your configuration. A "composio": { "enabled": false } setting disables the integration while keeping the saved key on disk.

### Does Composio have a free plan?

The Hobby plan includes 100,000 tool calls per month. Composio-managed OAuth apps have a lower included allowance. See [Composio pricing](/pricing) for the current limits that apply to your connection.

## Complete Code

None listed.

## Conclusion

### Use Webflow from Atomic Agent
With your account connected, ask Atomic Agent to work with Webflow in natural language. You can connect more apps through the same Composio integration as you need them.
Visit the [Atomic Agent website](https://atomicagent.io/?cta_placement=atomic-agent-site) or inspect the [Atomic Agent source code](https://github.com/AtomicBot-ai/atomic-agent?cta_placement=atomic-agent-repo).

## How to build Webflow MCP Agent with another framework

- [ChatGPT](https://composio.dev/toolkits/webflow/framework/chatgpt)
- [Antigravity](https://composio.dev/toolkits/webflow/framework/antigravity)
- [OpenAI Agents SDK](https://composio.dev/toolkits/webflow/framework/open-ai-agents-sdk)
- [Claude Agent SDK](https://composio.dev/toolkits/webflow/framework/claude-agents-sdk)
- [Claude Code](https://composio.dev/toolkits/webflow/framework/claude-code)
- [Claude Cowork](https://composio.dev/toolkits/webflow/framework/claude-cowork)
- [Grok Bot](https://composio.dev/toolkits/webflow/framework/grok-bot)
- [Codex](https://composio.dev/toolkits/webflow/framework/codex)
- [Kimi Code](https://composio.dev/toolkits/webflow/framework/kimi)
- [Grok Build](https://composio.dev/toolkits/webflow/framework/grok-build)
- [Cursor](https://composio.dev/toolkits/webflow/framework/cursor)
- [VS Code](https://composio.dev/toolkits/webflow/framework/vscode)
- [OpenCode](https://composio.dev/toolkits/webflow/framework/opencode)
- [OpenClaw](https://composio.dev/toolkits/webflow/framework/openclaw)
- [Hermes](https://composio.dev/toolkits/webflow/framework/hermes-agent)
- [CLI](https://composio.dev/toolkits/webflow/framework/cli)
- [Google ADK](https://composio.dev/toolkits/webflow/framework/google-adk)
- [LangChain](https://composio.dev/toolkits/webflow/framework/langchain)
- [Vercel AI SDK](https://composio.dev/toolkits/webflow/framework/ai-sdk)
- [Mastra AI](https://composio.dev/toolkits/webflow/framework/mastra-ai)
- [LlamaIndex](https://composio.dev/toolkits/webflow/framework/llama-index)
- [CrewAI](https://composio.dev/toolkits/webflow/framework/crew-ai)
- [Pydantic AI](https://composio.dev/toolkits/webflow/framework/pydantic-ai)
- [AutoGen](https://composio.dev/toolkits/webflow/framework/autogen)

## Related Toolkits

- [Figma](https://composio.dev/toolkits/figma) - Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
- [Abyssale](https://composio.dev/toolkits/abyssale) - Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
- [Alttext ai](https://composio.dev/toolkits/alttext_ai) - AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
- [Are.na](https://composio.dev/toolkits/arena) - Are.na is a creative research platform for collecting images, links, notes, and ideas in channels. Use it to organize inspiration, build knowledge maps, and connect research across projects.
- [Bannerbear](https://composio.dev/toolkits/bannerbear) - Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
- [Bannerbite](https://composio.dev/toolkits/bannerbite) - Bannerbite is a creative automation platform for generating images and videos from reusable projects and templates. It helps teams produce on-brand visual assets faster without rebuilding designs from scratch.
- [Builder.io](https://composio.dev/toolkits/builder_io) - Builder.io is a visual development platform for managing content, models, assets, and Space configuration. Use it to ship editable digital experiences faster without waiting on every code change.
- [Canva](https://composio.dev/toolkits/canva) - Canva is a drag-and-drop design suite for creating professional graphics, presentations, and marketing materials. It makes it easy for anyone to design with beautiful templates and a vast library of elements.
- [Canva MCP](https://composio.dev/toolkits/canva_mcp) - Canva MCP is Canva's remote MCP server for accessing designs and content. It centralizes design assets and enables programmatic design workflows.
- [Claid ai](https://composio.dev/toolkits/claid_ai) - Claid.ai delivers AI-driven image editing APIs for tasks like background removal, upscaling, and color correction. It helps automate and enhance image workflows with powerful, developer-friendly tools.
- [Cloudinary](https://composio.dev/toolkits/cloudinary) - Cloudinary is a cloud-based platform for managing, uploading, and transforming images and videos. It streamlines media workflows and delivers optimized assets globally.
- [Contentdrips](https://composio.dev/toolkits/contentdrips) - Contentdrips is an asynchronous rendering API for branded graphics and carousels. It turns reusable templates into on-brand social visuals at scale.
- [Creatomate](https://composio.dev/toolkits/creatomate) - Creatomate is an API for generating automated videos, images, GIFs, and reusable media templates. Use it to turn structured data into polished visual content at scale.
- [Cults](https://composio.dev/toolkits/cults) - Cults is a digital marketplace for 3D printing models, connecting designers and makers. It lets creators share, sell, and discover a huge variety of printable designs easily.
- [DeepImage](https://composio.dev/toolkits/deepimage) - DeepImage is an AI-powered image enhancer and upscaler. Get higher-quality images with just a few clicks.
- [Dreamstudio](https://composio.dev/toolkits/dreamstudio) - DreamStudio is Stability AI’s platform for generating and editing images with AI. It lets you easily turn ideas into stunning visuals, fast.
- [Dynamic Mockups](https://composio.dev/toolkits/dynamic_mockups) - Dynamic Mockups is an API platform for generating product mockups, rendering templates, and managing visual asset catalogs. Use it to automate high-quality product visuals, AI images, and motion assets at scale.
- [Dynapictures](https://composio.dev/toolkits/dynapictures) - Dynapictures is a cloud-based platform for generating personalized images at scale. Instantly create hundreds of custom visuals using your data sources, like Google Sheets.
- [Eraser MCP](https://composio.dev/toolkits/eraser_mcp) - Eraser MCP is a workspace for creating and managing technical diagrams and structured documents. It helps teams organize, version, and export diagrams with collaboration-focused tooling.
- [Excalidraw MCP](https://composio.dev/toolkits/excalidraw_mcp) - Excalidraw MCP is a no-auth MCP server for creating hand-drawn style diagrams in Excalidraw. Use it to generate visual sketches with viewport camera control and fullscreen editing.

## Frequently Asked Questions

### What are the differences in Tool Router MCP and Webflow MCP?

With a standalone Webflow MCP server, the agents and LLMs can only access a fixed set of Webflow tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Webflow and many other apps based on the task at hand, all through a single MCP endpoint.

### Can I use Tool Router MCP with Atomic Agent?

Yes, you can. Atomic Agent fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Webflow tools.

### Can I manage the permissions and scopes for Webflow while using Tool Router?

Yes, absolutely. You can configure which Webflow scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

### How safe is my data with Composio Tool Router?

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Webflow data and credentials are handled as safely as possible.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)