Webflow AI

What is Webflow AI?

Webflow AI is a set of artificial intelligence capabilities integrated into Webflow’s visual website development platform; it covers website creation, layout design, text and CMS content generation, SEO and AEO optimization, interactive code components, application development, as well as contextual assistance. It is not a standalone image generator, but rather operates directly within Webflow Designer, the CMS, and the website management processes.

Webflow is renowned for its capabilities in visualizing HTML, CSS, and responsive design; the AI features further lower the barrier to getting started from a blank canvas. Users can use AI to create a website framework first, and then leverage Webflow’s tools for layout, styling, components, animations, CMS, and hosting to develop a fully functional website.

AI Site Builder – Intelligent website builder

AI Site Builder creates website themes, homepage structures, and design systems based on the details of the enterprise or project. After selecting a direction, users can adjust colors, fonts, buttons, and layout, then proceed to the Designer to make further edits and publish the site.

This feature is suitable for new projects and prototypes; it is not a universal converter that can be applied to any existing Webflow site. According to the official documentation, it can only be used when creating a new website, or to further edit a website that was originally created using AI Site Builder.

Creation of multi-page websites

On AI-generated sites, users can continue to create pages such as About, Contact, and Team. Without a paid Site plan or Workspace plan, AI sites are typically limited to two static pages; the automatically generated Style Guide page is not included in this count.

The paid plan allows for the creation of more pages.

After the page is generated, it is necessary to check the navigation, forms, links, mobile layout, and any duplicate content. AI-generated pages do not automatically include legal statements, privacy policies, Cookie consent options, or proper configuration of business-related data.

AI design section

Webflow AI Assistant can create new page elements based on the style and content of the existing website, striving to maintain consistency with the existing design system. It is suitable for quickly adding common sections such as pricing information, feature descriptions, customer reviews, FAQs, and CTA buttons.

The design of blocks is still constrained by templates, the source of the site, and the stage at which features are released. The resulting designs need to take into account class names, component reuse, breakpoint styles, and accessibility, in order to avoid having to replicate numerous styles that are difficult to maintain for each block.

Visual design and responsive control

Once the AI-generated content is ready, users can still use Webflow Designer to control elements such as grids, Flexbox layouts, positioning, fonts, variables, components, interactive animations, and different screen resolutions. Unlike AI design tools that only provide static screenshots, the output from Webflow AI can be used directly in the actual web development process.

Visual operations essentially still involve creating the front-end structure and CSS. It is best for teams to establish naming conventions, component libraries, and design variables, in order to avoid repetition in styles and an increase in the size of pages resulting from multiple rounds of AI generation.

AI copy generation and rewriting

Webflow AI can be used to create, shorten, expand, or adjust the tone of text on pages and in CMS systems, as well as to generate SEO titles and descriptions. A paid Workspace or Site plan is usually required in order to use this text-generation feature, and such operations consume AI credits.

Brand copy should include information on the target audience, value proposition, prohibited terms, and factual details. AI may generate figures regarding the number of customers, claims about performance, or descriptions of product capabilities that cannot be verified; these must be checked by the business manager before being published.

CMS content generation

Users can use AI to create CMS Collection projects for blogs, case studies, team members, directories, and content-based websites. It accelerates the creation of drafts and structured fields, making it particularly suitable for teams that already have defined content templates.

For batched content, it is necessary to prevent repetition, keyword stuffing, and factual errors. Image copyrights, author information, publication dates, citations, and structured data still require manual verification; important content should not be published without proper review.

SEO and AEO optimization

Webflow AI can help create and improve page titles and descriptions, as well as provide suggestions for SEO and AEO at the technical and page level. AEO is aimed at making content easier to understand by question-answering engines and AI search systems, and its capabilities will expand alongside new versions of the platform and its products.

AI recommendations do not guarantee a ranking; the website also needs to take into account search intent, content quality, internal links, proper URLs, indexing, performance, structured data, and external authoritative signals.

AI Code Components

AI Code Components enables users to create React interactive components such as pricing calculators, multi-step forms, and image galleries using prompts. The editing interface offers code, a preview, and an AI dialogue; the AI generates the components by taking into account the website’s style and variables.

To create components, a corresponding site role is required along with Webflow AI enabled; to publish a website that includes AI Code Components, a CMS Site plan or a higher-level plan is needed, as well as a paid Workspace plan.

The generated code must be tested for input validation, mobile compatibility, error conditions, dependencies, and security risks.

Generated by AI applications

Webflow is extending its AI capabilities from marketing websites to web applications, allowing for the creation of more complex full-stack experiences by combining Webflow Cloud with development tools. Application generation has different requirements in terms of deployment, computing power, and data handling compared to ordinary static pages; it is necessary to consider the current available options and account plans when dealing with this.

For projects that have high requirements in terms of logging, databases, payment processing, and server logic, it is necessary to design separate systems for permissions, storage, logging, and rollback. AI can reduce the time required for setup, but it cannot replace the evaluation of the application architecture and its security aspects.

Context Help Assistant

Webflow AI Assistant allows users to access the official help center within the Designer, providing instructions and guidance for the current tasks. This contextual Q&A feature does not consume Webflow AI credits at the moment, but there is a limit on the number of queries that can be made; when this limit is approached, the system will suggest resetting the count.

Assistants may make mistakes or be out of date with respect to interface updates. When it comes to billing, publishing, deleting data, and domain settings, it is necessary to consult the official help pages and account notifications for accurate information.

Webflow Optimize

Webflow Optimize is used for personalization and experimentation; it leverages AI to create and optimize the experience for different visitors. It is a separate add-on product, and its AI capabilities do not consume the Workspace’s general AI credits – instead, they are billed according to Optimize’s own pricing scheme.

Experiments require sufficient traffic, clear metrics, and statistical analysis. It is not appropriate to replace a version permanently just because it has a higher conversion rate in the short term; it is also necessary to consider brand consistency, page performance, and compliance with privacy regulations.

Webflow Localize

Webflow Localize offers tools for localizing site structures, language versions, and translation workflows, and it allows the use of AI to assist with translating content. Localize also has its own pricing structure; the AI features do not deduct from the general AI credits.

Automatic translation requires verification of brand names, legal texts, currencies, dates, SEO metadata, and regional expressions. Language versions also need to have their URLs, language tags, and publishing processes properly configured.

Webflow Analyze and data

Webflow’s site analysis tools enable teams to understand traffic patterns and page performance, and the new AI features allow questions to be posed based on the analysis data. The pricing and scope of the Analyze tool should be determined from its own dedicated product page; it cannot be assumed to be included in regular AI credits or Site plans.

The results of data analysis need to be interpreted in light of the time frame, the source of traffic, and the definition of conversion. With a small sample size, AI-generated summaries may mistake random fluctuations for actual trends.

The difference between Workspace and Site plan

The Workspace plan is used to manage teams, seats, project development capabilities, and AI points; the Site plan handles the deployment of custom domain names for a particular website, managing traffic, as well as setting limits on pages and CMS usage.

A team may simultaneously purchase Workspace, multiple Site plans, as well as additional services such as Optimize, Analyze, and Localize.

Buying only a Workspace does not guarantee that all websites can be launched using a custom domain name; similarly, purchasing only a Site plan does not necessarily provide access to all team members and development resources.

When making a purchase, it is necessary to check separately the collaboration features, AI capabilities, hosting options, and additional products.

How are AI points calculated?

AI points are allocated based on the Workspace and shared among its members. Members with a Full or Limited membership and whose roles meet the requirements can use the features that require such points.

The self-service Workspace is reset on a monthly basis, while Team and Enterprise versions are reset on an annual basis; unused points are not carried over.

The consumption ratio is dynamic; Webflow does not provide a fixed price list for each operation. Complex tasks generally require more resources than simple ones, and the actual usage can be viewed on the Usage page in the Workspace, by function.

Which functions consume AI credits?

The main functions that currently consume points include creating copy, CMS projects, SEO and AEO improvements, AI Code Components, and AEO agents. AI website creation, design sections, application generation, and contextual assistance do not consume these general points at the moment.

Webflow may gradually incorporate more features into its points system. The limits and usage rules listed in the catalog are based on the settings of the current account’s dashboard.

Free Starter quota

The Starter Workspace includes 200 AI points per month, allowing for free access to the basic functions of Webflow on a long-term basis. The number of free AI-generated pages as well as the capabilities for publishing are limited; it is suitable for learning how to use the Designer tool, testing ideas, and creating small demonstrations.

The AI points associated with the free Workspace also get reset on a monthly basis. To use a custom domain name, more pages, CMS for content publishing, or advanced coding components, a corresponding paid plan is required.

Limits for Core, Freelancer, Growth, and Agency

The Core and Freelancer Workspace plans include 300 AI points per month, while the Growth and Agency plans include 400 points per month.

Points are shared within each respective Workspace; it is not possible to combine the balances from multiple Workspaces.

When an agency acts as a Guest and works in the client’s Workspace, under the current rules the costs are typically deducted from the agency’s own Workspace, rather than from the client’s balance; guests with previous roles may not qualify for this.

Team and Enterprise quotas

The Team plan includes 100,000 AI points per year, and it offers a package that includes a website, 10 seats, Localize functionality, as well as certain advanced features; it is available through annual contracts and sales consultations. The number of points for the Scale, Enterprise, and Enterprise+ plans is determined on a customized basis.

When purchasing, companies should inquire at the same time about the costs of seats, locations, logging, permissions, support, data processing, and additional points, rather than focusing only on the numerical value of those points.

Price and version comparison

AI points plus purchase price

Starter, Core, Growth, Freelancer, and Agency can purchase AI Credit Packs. Each additional pack adds 2000 points per month, with a maximum of 15 packs that can be added.

The monthly fee is 25 dollars per month, while the annual rate corresponds to 20 dollars per month.

When the credits are exhausted, there is no automatic upgrade nor any unexpected additional charges; the relevant AI functions will be suspended until the balance is restored or an additional package is purchased.

Price of Site plan in 2026

Starting from May 13, 2026, the new Basic Site plan will cost $15 per month on an annual basis or $25 per month on a monthly basis, with an increase in the limit for static pages to 300. The CMS and Business options have been combined into a Premium plan, whose price is $25 per month on an annual basis or $39 per month on a monthly basis; this plan includes 20,000 CMS items and 40 Collections.

Existing sites are migrated in phases, based on account type and renewal date; the transition to Freelancer, Agency, or the older pricing models may occur at a later time. There are no changes to the e-commerce site plans this time, and the specific prices can be found on the billing page.

Bandwidth and additional costs

The bandwidth included in the Premium plan is different from that of the old Business plan; additional bandwidth can be purchased if needed. Repeated exceedances of the allowed bandwidth limit may lead to adjustments to the plan, and websites with high traffic volumes should have their requirements assessed based on their actual bandwidth usage rather than the fixed monthly fee.

Domain names, paid templates, third-party forms and automation, app market services, Optimize, Analyze, Localize, as well as additional seats may all incur extra charges.

AI governance and data control

Generative AI can be enabled or disabled at the Workspace level; companies also have access to more detailed role-based controls and auditing capabilities. Webflow adopts a multi-model approach, partnering with providers such as OpenAI, Anthropic, and Google, and selecting models based on specific functions.

The team should first determine what types of content can be sent to the AI. Texts created by customers, personal information, trade secrets, and regulated data need to be assessed in light of the contractual provisions and privacy requirements.

Official developer tools and GitHub

Webflow offers APIs, a CLI, Designer Extensions, DevLink, Webflow Cloud, as well as SDKs, skills, and examples in its official GitHub organization. DevLink enables the synchronization of design components into React or Next.js projects, while the CLI supports code components, extensions, and cloud application workflows.

These development tools enable the expansion of Webflow, but they do not mean that Webflow Designer, the hosting platform, or Webflow AI as a whole are open source. The license and maintenance status of each GitHub repository should be checked separately.

Is it open source?

Webflow AI and Webflow’s core SaaS platform are closed-source commercial services. The company provides SDKs, CLI tools, various skills, as well as some example codes; developers can integrate these elements using APIs and tools, but they are not able to deploy the full Webflow AI platform on their own.

Webflow AI Usage Guide

Complete a basic task.

1. Identify the audience, platform, format, duration, and the information that needs to be conveyed;
2. Prepare scripts, shots, or reference materials that can be used in Webflow AI;
3. Select AI Site Builder for intelligent website creation to generate a low-cost preview;
4. Use multi-page websites to create adjusted visuals, pacing, subtitles, and audio;
5. Check each frame for characters, text, logos, lip movements, and factual accuracy;
6. Export in the desired format after confirming the licensing for music, portraits, and materials;

Create reusable professional workflows

1. Create scripts, shot lists, brand assets, and a list of elements that are prohibited from use;
2. Unified parameters are saved for AI Site Builder’s intelligent website creation, multi-page website generation, and AI design elements;
3. First, use representative shots to test the model and the quota;
4. Transfer the failed shots to manual editing or regenerate them;
5. Uniformize subtitles, volume, colors, and end credits;
6. Record the version and reviewer before publishing in batches;

Which users is it suitable for?

• Teams that wish to create a brand website and marketing pages quickly;
• Designers who need visual design and place emphasis on front-end control;
• The CMS team responsible for managing blogs, a database of case studies, and a content catalog;
• Developers who create interactive components and Web applications;
• Freelancers and agencies that manage multiple client sites;
• Brands that require localization, experimentation, analysis, and corporate governance.

Product advantages

• The AI results are directly fed into a mature web visualization development environment;
• It covers website setup, design, copywriting, CMS, SEO, and code components;
• Complete support for responsive layouts, components, animations, and hosting capabilities;
• AI credits are shared across Workspaces, and a usage panel is provided;
• It offers API, CLI, DevLink, Cloud, and official development tools;
• The website can be maintained continuously by combining Optimize, Localize, and Analyze.

Restrictions and Precautions

• AISiteBuilder is primarily used for creating new websites or those that were originally generated by it; it cannot directly revise all existing websites.
• Some features are still in the testing phase or being rolled out gradually, and the requirements regarding site roles and plans vary as well.
• The costs associated with Webflow consist of Workspace, Siteplan, seats, point packages, and additional products.
• AI-generated content and code must be manually verified, especially with regard to facts, accessibility, permissions, performance, and third-party dependencies.

Frequently Asked Questions

Is Webflow AI free?

The Starter Workspace is free and includes 200 AI points per month; certain features such as AI-based website creation do not consume any points. Custom domain names, more pages, and advanced publishing capabilities require payment.

Can Webflow AI create a complete website?

It is possible to create a theme, a homepage, a design system, and additional pages, which can then be modified in Designer; however, it is mainly used for creating new AI websites, and before going live, content, responsiveness, and functional testing are still required.

Are Webflow AI points carried over?

No. The self-service Workspace is reset on a monthly basis, while Team and Enterprise versions are reset on an annual basis; any unused quota expires after that time.

How much do Webflow AI credits cost?

Under the self-service plan, each additional add-on provides 2000 points per month; the cost is $25 per month if paid monthly, or $20 per month when paid annually. A maximum of 15 such add-ons can be used.

What is the price of Webflow websites?

In 2026, the cost for the Basic version will be $15 per month on an annual basis, or $25 per month on a monthly basis, while the Premium version will cost $25 per month annually, or $39 per month on a monthly basis; Workspace and additional products have separate pricing.

Is Webflow AI open source?

The core platform is not open source. The vendor does provide open source or publicly available CLI tools, SDKs, skills, and examples, but this does not mean that Webflow AI can be considered an open source product.