How to Use Webflow for Free: A Step-by-Step Guide

You can use Webflow for free, and you should — at least to start. The free Starter plan gives you the full Designer, two projects, and hosting on a .webflow.io subdomain, with no credit card and no trial clock counting down on you. It is the cheapest way to find out whether you actually like building in Webflow before anyone signs a check.

So let's get you building. Here's how to use Webflow for free, step by step, and exactly where the free plan stops being enough.

Table of Contents

• What you get on the free plan
• Step 1: Sign up for a free account
• Step 2: Create your first project
• Step 3: Build your site in the Designer
• Step 4: Publish to your free subdomain
• Where the free plan stops
• When to upgrade (and when not to)
• FAQ

What you get on the free plan {#what-you-get}

The free Starter plan is not a crippled demo. You get the real Designer — the same drag-and-drop canvas, the same style panel, the same interactions engine the pros use. You get two projects to mess around in and free hosting on a Webflow subdomain so you can share what you make.

What you don't get is a custom domain, code export, or a site without Webflow branding on it. More on that below. But for learning the tool and putting up a hobby page? It's plenty.

I've spent seven years building in Webflow, and I still spin up free projects to test an interaction idea before I touch a client's production site. The free plan is a sandbox, and a good one.

Step 1: Sign up for a free account {#sign-up}

Go to webflow.com and sign up. Email, password, done — no card required. Webflow will ask you a couple of onboarding questions about what you're building. Answer honestly; it tunes a few defaults but nothing you can't change later.

That's the whole step. If you want a deeper tour of the platform first, our overview of how Webflow works walks through the moving parts before you start clicking.

Step 2: Create your first project {#create-project}

From the dashboard, hit New Project. You get two choices: a blank canvas or a template.

Start blank if you want to actually learn the box model and how Webflow's classes work — there's no faster way to understand the tool than building one section from nothing. Start from a template if you want to ship something this afternoon and reverse-engineer how it was made.

A word of warning on templates, because I've watched it bite people: they're great to start on and a trap to scale on. A template is a fully-styled stranger's stylesheet, and six months in you're fighting class names you didn't write. Fine for week one, a tax by month nine. If you go the template route, read the pros and cons of Webflow templates first so you go in with eyes open.

Step 3: Build your site in the Designer {#build-site}

This is where the free plan earns its keep. The Designer is the whole point of Webflow, and it's fully unlocked.

Drag-and-drop elements. Pull sections, divs, images, text blocks, and buttons onto the canvas to rough out your structure. Think of sections as the floors of a building and divs as the rooms inside them — get the skeleton right before you decorate.

Styling and design. Select an element and style it in the right sidebar: colors, fonts, sizing, spacing, the lot. The one habit worth forming early is naming your classes like a human ("hero-heading," not "Heading 12") so future-you can find them.

Responsive design. Webflow shows you desktop, tablet, and two phone breakpoints across the top. Design desktop first, then walk down the breakpoints and fix what breaks. Mobile traffic is the majority of the web now, so this isn't optional — it's the job.

Animations and interactions. The interactions panel lets you build scroll effects, hover states, and page-load animations with zero code. Start small. One tasteful fade beats a page that moves like a slot machine.

If you want to go deeper on doing this well, our 10 tips for designing a beautiful Webflow website covers the design side, and the Webflow development best practices post covers keeping it clean under the hood.

Step 4: Publish to your free subdomain {#publish}

Hit Publish in the top-right corner. Pick the yoursite.webflow.io option and confirm. Your site is live, on the internet, in about ten seconds.

That subdomain is real, shareable hosting — fast, on Webflow's infrastructure, included free. It's perfect for a portfolio piece, a coming-soon page, or sending a link to a client to say "here's the idea." What it isn't is a home for your actual brand, because of the branding and domain limits we're about to get into.

Where the free plan stops {#limits}

Here's the honest part. The free plan has real ceilings, and pretending otherwise is how people get surprised. The big three:

• No custom domain. You're stuck on yoursite.webflow.io. You cannot point yourbrand.com at a free site.
• Webflow branding stays on. There's a small "Made in Webflow" badge you can't remove without paying.
• No code export, two projects max. You can't download your HTML/CSS to host elsewhere, and you're capped at two sites.

There are also CMS and form-submission limits once you grow past a hobby page. Knowing the ceiling before you design into it is the difference between a smooth upgrade and a painful rebuild — same logic we lay out in demystifying Webflow pricing and Webflow hosting explained.

When to upgrade (and when not to) {#upgrade}

Stay free while you're learning, prototyping, or hosting something that genuinely doesn't need your own domain. There's no shame in it and no clock forcing you off.

Upgrade the moment you need a custom domain, want the branding gone, or your CMS outgrows the free limits. That's usually the point where Webflow stops being a sandbox and starts being a business asset — and that's a different sport.

Building a real, fast, conversion-focused site on Webflow is what we do all day. If you've outgrown the free plan and want it built right the first time — 99/100 Lighthouse at handoff, no junk-drawer class names — that's our Webflow development agency work. We've shipped over a hundred Webflow builds and migrations, so we've already hit the edge cases you're about to find. For the broader picture of what a real build involves, the comprehensive guide to Webflow website development is a good next read.

FAQ {#faq}

Is Webflow really free, or is it a trial? It's genuinely free, not a trial. The Starter plan has no expiry and no credit card requirement. You can stay on it indefinitely; you just live with the limits — a Webflow subdomain, two projects, and the "Made in Webflow" badge.

Can I use a custom domain on the free Webflow plan? No. Custom domains require a paid Site plan. On the free plan your site lives at yoursite.webflow.io. If owning your own URL matters — and for any real brand it does — that's the first reason most people upgrade.

How many websites can I build for free? Two projects on the free Starter plan. That's enough to learn the tool and keep a prototype around, but you'll bump into it fast if you're building for multiple clients or ideas.

Can I remove the Webflow branding without paying? Not on the free plan. The "Made in Webflow" badge stays until you move to a paid Site plan. It's small, but it's there, and clients notice.

Is the free plan good enough for a business website? Honestly, no. The lack of a custom domain and the branding badge make it a poor fit for a brand you're trying to sell from. It's excellent for learning, prototyping, and portfolio pieces. When it's time for the real thing, that's where a proper Webflow build pays for itself.

How long does it take to learn Webflow? Faster than you'd think for the basics, longer than you'd like to get truly fluent — the box model is the part that takes a minute to click. We broke down a realistic timeline in how long it takes to learn Webflow.