Complete guide to Webflow

Getting started Use cases Advanced setup Tips FAQ

Getting started

Sign up at webflow.com and choose to start from a template or a blank canvas. The visual editor works like a design tool (similar to Figma) but generates clean HTML/CSS/JS code in real time. Add elements by dragging them, connect a CMS for dynamic content (blog, products), and use the AI features to generate copy, improve SEO/AEO, or automatically create code components. Publish with one click or connect your own domain.

Use cases

Corporate and marketing sites with advanced design

Enables pixel-perfect visual control without relying on rigid templates, ideal for agencies and marketing teams.

Blogs and sites with dynamic content (CMS)

Webflow's CMS lets you model content collections (articles, products, events) and design reusable templates for each type.

AI-assisted SEO/AEO optimization

As of May 2026, the included AI credits let you generate SEO and AEO (AI answer engine optimization) improvements directly in the editor.

AI-generated code components

AI credits also let you generate custom code and CMS collection elements from natural-language descriptions.

Advanced setup

Choosing a Workspace and Site plan
As of May 13, 2026, Webflow splits plans into Workspace (Starter, Core, Growth) and Site (including the new Premium Site at $25/month billed annually), each with its own AI credit allowance.
Connecting a custom domain
In Project Settings > Publishing, add your domain and configure the listed DNS records to publish outside the webflow.io subdomain.
Modeling the CMS
In CMS > Collections, define the fields for each content type before designing the associated dynamic templates.
Managing AI credits
Check credit usage (200/300/400 depending on plan) in Workspace Settings; starting in June 2026, additional credits can be purchased separately.

Tips

If you're switching from a monthly to an annual plan before May 2026, you can lock in the previous price for one more year.
Use the Team plan if your team has grown but doesn't yet need the Enterprise tier: it includes page branching and individual page publishing.
Use community templates as a starting point instead of designing from scratch, especially for landing pages.
Check your AI credit usage regularly: copy generation and code component features consume them quickly on large projects.

FAQ

Do I need to know how to code to use Webflow?

Not necessarily: the visual editor covers most cases, but knowing HTML/CSS helps you take advantage of advanced customization options.

What exactly changed with the May 2026 pricing update?

Site plans were simplified, CMS and Business were merged into the new Premium Site, the Team plan was introduced, and all Workspace plans now include AI credits.

Is Webflow an alternative to WordPress?

Yes, it competes in the same space but with a no-plugin visual approach, managed hosting, and cleaner code export.

Can I migrate an existing site to Webflow?

You can recreate the design manually or with third-party tools, but there's no automatic 1:1 import from other platforms.

Based on Researched via web search in July 2026 (webflow.com/blog and the Webflow Help Center).

← Back to Webflow