# Webflow AI agent for Slack & Microsoft Teams Viktor is an AI employee that connects to Webflow natively and helps you manage website content and publish updates, running 73 Webflow actions for you like Sites get, Sites list, and Style tool. Ask in plain English in Slack or Microsoft Teams; Viktor does the work in Webflow and reports back. Setup takes about two minutes. - Tool: Webflow - Category: Content & Media - Connection: Managed connector (native integration) - Actions available: 73 - Works from: Slack and Microsoft Teams - Page: https://viktor.com/integrations/webflow ## What can you ask Viktor to do in Webflow? - "Draft a new page in Webflow from this outline and send it to me for review." - "Update the copy on our pricing page in Webflow after I approve the changes." - "List the Webflow content that has not been touched in six months and suggest refreshes." - "Watch Webflow for new form submissions and summarize them here every Friday." ## What can Viktor do in Webflow? (73 actions) - **Whtml builder** - Designer Tool - WHTML builder to insert elements from HTML and CSS strings on the current active page. Accepts HTML markup and optional CSS rules, constructs WHTML, and inserts into a parent element. - **Variable tool** - Designer Tool - Variable tool to perform actions like create variable, get all variables, update variable, rename and delete variables, and manage style variable modes. - **Components get properties** - Get component properties including default values and configuration for a specific component. - **Components update content** - Update content on a component in secondary locales by modifying text nodes and property overrides. - **Components update properties** - Update component properties for localization to customize behavior in different languages. - **Components list** - List all components in a site. Returns component metadata including IDs, names, and versions. - **Sites get** - Get detailed information about a specific site including its settings, domains, and publishing status. - **Components get content** - Get the content structure and data for a specific component including text, images, and nested components. - **Delete all site scripts** - **Sites list** - List all sites accessible to the authenticated user. Returns basic site information including site ID, name, and last published date. - **De learn more about styles** - Designer tool - Learn more about styles supported by Webflow Designer.Please do not use any other styles which is not supported by Webflow Designer.Please use the long-form alias of a CSS property when managing styles. For example, the property row-gap has a long-form alias of grid-row-gap, margin has long-form alias of margin-top, margin-right, margin-bottom, margin-left, etc. - **Site registered scripts list** - List all registered scripts for a site. To apply a script to a site or page, first register it via the Register Script endpoints, then apply it using the relevant Site or Page endpoints. - **Sites publish** - Publish a site to specified domains. This will make the latest changes live on the specified domains. - **Collections items publish items** - Publish draft items in a CMS collection to make them live. - **Pages get content** - Get the content structure and data for a specific page including all elements and their properties. - **Site applied scripts list** - Get all scripts applied to a site by the App. To apply a script to a site or page, first register it via the Register Script endpoints, then apply it using the relevant Site or Page endpoints. - **Collections items update items** - Update existing items in a CMS collection as drafts. - **Pages update static content** - Update content on a static page in secondary locales by modifying text nodes and property overrides. - **Pages get metadata** - Get metadata for a specific page including SEO settings, Open Graph data, and page status (draft/published). - **Collections list** - List all CMS collections in a site. Returns collection metadata including IDs, names, and schemas. - **Collections get** - Get detailed information about a specific CMS collection including its schema and field definitions. - **Collections items create item live** - Create and publish new items in a CMS collection directly to the live site. - **Collections items list items** - List items in a CMS collection with optional filtering and sorting. - **Collections items update items live** - Update and publish existing items in a CMS collection directly to the live site. - **Collections items create item** - Create new items in a CMS collection as drafts. - **Component builder** - Designer Tool - Component builder to insert component instances on the current active page. Supports inserting into an element (as a child) or into a component instance's slot. Use insertinelement to add a component inside a container/div/section. Use insertinslot to add a component inside a specific slot of an existing component instance. - **Get image preview** - Designer Tool - Get image preview from url. this is helpful to get image preview from url. Only supports JPG, PNG, GIF, WEBP, WEBP and AVIF formats. - **Style tool** - Designer Tool - Style tool to perform actions like create style, get all styles, update styles, remove styles. - **Element builder** - Designer Tool - Element builder to create element on current active page. - **De component tool** - Designer tool - Component tool to perform actions like create component instances, get all components and more. - **Collections items delete item** - Delete an item in a CMS collection. Items will only be deleted in the primary locale unless a cmsLocaleId is included in the request. - **Pages list** - List all pages within a site. Returns page metadata including IDs, titles, and slugs. - **Pages update page settings** - Update page settings including SEO metadata, Open Graph data, slug, and publishing status. - **Add inline site script** - Register an inline script for a site. Inline scripts are limited to 2000 characters. - **Data components tool** - Data tool - Components tool to perform actions like list components, get component content, update component content, get component properties, and update component properties. - **Collections create** - Create a new CMS collection in a site with specified name and schema. - **Collection fields create static** - Create a new static field in a CMS collection (e.g., text, number, date, etc.). - **Collection fields create option** - Create a new option field in a CMS collection with predefined choices. - **Collection fields create reference** - Create a new reference field in a CMS collection that links to items in another collection. - **Collection fields update** - Update properties of an existing field in a CMS collection. - **Element tool** - Designer Tool - Element tool to perform actions like get all elements, get selected element, select element on current active page. and more. - **De page tool** - Designer Tool - Page tool to perform actions like create page, create page folder, get current page, switch page, open a component in the Designer canvas, list branches, get current branch ID, get parent page ID for a branched page, and get current Designer mode. - **Data analyze tool** - Read Webflow Analyze report data for a site, including traffic timeseries, ranked pages, ranked dimensions, ranked engagement events, and aggregate or bucketed time on page. Includes guide actions for building Analyze queries and resolving engagement event rows to page elements, component instances, and CMS context. - **Data cms tool** - Data tool - CMS tool to manage collections, collection fields (static/option/reference), collection field groups, and collection items (list, create, update, publish, unpublish, delete). - **Data scripts tool** - Data tool - Scripts tool to manage custom code scripts. Register, apply, update, and remove scripts at the site or page level, and read or write freeform head/footer custom code blocks. - **Data agent instructions tool** - Data tool - Manage agent instructions (rules and skills) for a site. Actions: searchinstructions, readinstruction, createinstruction, updateinstruction, deleteinstruction, moveinstruction. Paths must follow 'rules/.md', 'rules/.mdc', or '/SKILL.md'. - **Data fonts tool** - Data tool - Manage a site's uploaded custom fonts: list and inspect them, register new fonts and replace their files (a two-step upload flow), update font metadata, and remove fonts individually or in batches. - **Data webhook tool** - Data tool - Webhook tool to perform actions like list webhooks, create webhooks, get webhook details, and delete webhooks for a Webflow site. - **Data variable tool** - Data Tool - Variable tool to perform actions like create variable, get all variables, query variables, update variable, rename and delete variables, and reorder variable collections. - **Data element tool** - Inspect and modify elements on a Webflow page: query the element tree, move or remove elements, and edit text, styles, links, images, heading levels, attributes, and display names. - **Data component tool** - Data tool - Component tool to manage component definitions and instances: create, query, transform, insert, unlink. - **Data sites tool** - Data tool - Sites tool to perform actions like list sites, get site details, and publish sites. - **Data enterprise tool** - Data tool - Enterprise tool to perform actions like manage 301 redirects, manage robots.txt and more. This tool only works if User's workspace plan is Enterprise or higher, else tool will return an error. - **Data comments tool** - Data tool - A comment in Webflow is user feedback attached to a specific element or page inside the Designer, stored as a top-level thread with optional replies. Each comment includes author info, timestamps, content, resolved state, and design-context metadata like page location and breakpoint. Use this tool to inspect feedback discussions, filter threads by page, resolution status, or creation date, search for comment users by email, and create replies to existing threads. - **Ask webflow ai** - Ask Webflow AI about anything related to Webflow API. - **Webflow guide tool** - Provides essential guidelines and best practices for effectively using the Webflow tools. Call this tool to understand recommended workflows and important considerations before performing actions. ALWAYS CALL THIS TOOL FIRST BEFORE CALLING ANY OTHER TOOLS. ALWAYS CALL THIS TOOL FIRST BEFORE CALLING ANY OTHER TOOLS. - **Data style tool** - Data Tool - Style tool to perform actions like get all styles, create a new style, update a style, query styles, remove a style, and manage style variable modes. - **Data component builder** - Data Tool - Component builder to insert component instances on a page via the public-mcp headless surface. Supports inserting into an element (insertinelement) or into a component instance's slot (insertinslot), with recursive nested-component trees via componentschema.slots. - **Data assets tool** - Data tool - Manage Webflow site assets and asset folders via the Data API. Creates asset metadata entries and returns presigned S3 upload information (uploadUrl and uploadDetails) used to upload the file bytes, and supports listing, updating, organizing, and deleting assets and asset folders, plus compressing image assets to webp or avif via async tasks. - **Get more tools** - Check for additional tools whenever your task might benefit from specialized capabilities - even if existing tools could work as a fallback. - **Data whtml builder** - Data Tool - WHTML builder to insert elements from HTML and CSS strings on a page via the public-mcp headless surface. Accepts HTML markup and optional raw CSS rules, constructs WHTML, and inserts it into a parent element. - **Data sitemap tool** - Data tool - Manage sitemap indexing status for CMS collection items and static pages. Read and update whether pages and collection items appear in a site's generated sitemap. All endpoints are under the /beta namespace. Folder pages, collection template pages, and utility pages are not supported for page endpoints. - **Data forms tool** - Data tool - Read forms and manage form submissions on a site. Actions: listforms, getform, listsiteformsubmissions, listformsubmissions, getformsubmission, updateformsubmission, deleteformsubmission. - **Data element builder** - Data Tool - Element builder to create elements on a page via the public-mcp headless surface. - **Designer tool** - Interact with the user's live Webflow Designer session — select an element on the canvas or read which element is currently selected, navigate the canvas between pages and component canvases, switch to or read the current page, list a page's branches, read the current branch ID, parent page ID, and Designer mode, enter, exit, or inspect the current component view, and read all breakpoints (media queries) configured for the site. - **Data pages tool** - Data tool - Pages tool to perform actions like list pages, get page metadata, update page settings, create a page, bulk update page settings, manage branches and their staging previews, and read or write JSON-LD schema markup for pages in bulk. - **Data localization tool** - Data tool for localizing pages and components into secondary locales. Read and update static page content, component content, and component property overrides for any non-primary locale. Writes target secondary locales only — the primary (default) locale cannot be edited through this tool. Also includes listcomponents for discovering component IDs to localize. - **Asset tool** - Designer Tool - Upload an image from a publicly accessible URL as a Webflow asset. Other asset and folder management is handled by dataassetstool. - **Element snapshot tool** - Designer Tool - Element snapshot tool to perform actions like get element snapshot. helpful to get element snapshot for debugging and more and visual feedback. - **Get asset preview** - Get an image preview of a site asset by its asset ID. Fetches the asset's metadata, downloads the smallest available image variant (or the original file when no variants exist), and returns the image content. Works with any image content type (e.g. JPG, PNG, GIF, WEBP); non-image files and files larger than 2 MB return an error instead of an image. Returns a 404 error if the asset does not exist or has been deleted. - **Data component props tool** - Data tool - Component props tool to manage prop definitions and set or reset prop values on component instances. - **Data element settings tool** - Read and write element settings and data bindings on a Webflow page: get or set settings, discover bindable sources, and set tag, visibility, and DOM id via static values or prop bindings. - **Data component variants tool** - Data tool - Component variants tool to manage variants and per-variant style overrides. ## How does Viktor work with Webflow? 1. Add Viktor to Slack or Microsoft Teams. 2. Connect Webflow natively - Viktor handles authentication. 3. Ask in plain English. Viktor runs the Webflow actions, chains them with your other tools when needed, and reports back. Sensitive actions wait for your approval. ## What is a Webflow AI agent? A Webflow AI agent is an AI that connects to your Webflow account and completes work in it - it doesn't just answer questions about Webflow, it takes the actions. Viktor is that agent: an AI employee that works in Webflow on your behalf and delivers the finished result in Slack or Microsoft Teams. Unlike workflow builders such as Zapier or Make, there is nothing to configure - no triggers to map, no workflows to maintain. You describe the outcome in plain English, and Viktor picks the right Webflow actions, chains them with the other 3,200+ tools it connects to, and asks for approval before anything sensitive runs. ### About Webflow Manage websites, CMS collections, and business tools ## Security and permissions - Native integration - Viktor handles authorization itself, never sees your password, and you can revoke access at any time. - Review-first approvals: sensitive Webflow actions wait for your sign-off before they run. - Isolated compute per team, encrypted in transit and at rest - and your data is never used to train models. - SOC 2 Type 1 compliant, with Type 2 and ISO 27001 in progress. ## FAQ ### Does Viktor integrate with Webflow? Yes. Webflow is one of the 3,200+ tools Viktor connects to, as one of Viktor's native, deepest integrations. Once connected, anyone on your team can put Viktor to work in Webflow from Slack or Microsoft Teams - no workflow builder, no code. ### How do I connect Webflow to Viktor? Ask Viktor in Slack or Microsoft Teams to connect Webflow. It's one of Viktor's native integrations, so Viktor handles authorization itself and starts working right away. Setup takes about two minutes, and you can revoke access at any time. ### What can Viktor do in Webflow? Viktor can run 73 Webflow actions, including Sites get, Sites list, and Style tool - and chain them with other tools in a single request. In practice that means Viktor helps you manage website content and publish updates. If a task spans several actions, Viktor plans the sequence itself and reports back when the work is done. ### Do I need to build workflows to automate Webflow? No. Viktor isn't a workflow builder - there are no triggers to map and no workflows to maintain. You ask for the outcome in plain English in Slack or Microsoft Teams, and Viktor decides which Webflow actions to take, runs them, and reports back. ### Is my Webflow data secure with Viktor? Yes. Viktor connects to Webflow natively, runs in an isolated environment per team, and never trains models on your data. Sensitive actions wait for your approval, and you can revoke access at any time. Viktor is SOC 2 Type 1 compliant, with Type 2 and ISO 27001 in progress. ### How much does the Webflow integration cost? Nothing extra - every integration, including Webflow, is available on every plan. You can start free with up to $100 in credits, no credit card required; paid plans start at $50/month. ### Can Viktor use Webflow together with my other tools? Yes - that's the point. Viktor connects to 3,200+ tools and works across them in a single run: it can pull data from Webflow, cross-reference it with another tool - for example Slack or Gmail, and deliver the finished result in Slack or Microsoft Teams. ## Viktor uses Webflow together with - [Slack](https://viktor.com/integrations/slack) - [Gmail](https://viktor.com/integrations/gmail) - [Google Sheets](https://viktor.com/integrations/google-sheets) - [HubSpot](https://viktor.com/integrations/hubspot) - [Notion](https://viktor.com/integrations/notion) - [Salesforce](https://viktor.com/integrations/salesforce) ## More Content & Media integrations - [Mboum](https://viktor.com/integrations/mboum) - [Wix](https://viktor.com/integrations/wix) - [Spotify](https://viktor.com/integrations/spotify) - [Connectwise PSA](https://viktor.com/integrations/connectwise-psa) - [Twitch](https://viktor.com/integrations/twitch) - [Mode](https://viktor.com/integrations/mode) - [Microsoft Power BI](https://viktor.com/integrations/microsoft-power-bi) - [WordPress.org](https://viktor.com/integrations/wordpress-org) ## Get started Viktor is free to start - up to $100 in credits, no credit card required. All 3,200+ integrations are included on every plan. Sign up at https://viktor.com or browse all integrations at https://viktor.com/integrations.