Your Complete Webflow Glossary 2025

Used to redirect old URLs to new ones—important for SEO when restructuring a site.

A newer feature inside the Webflow Designer that allows editors or collaborators to manage CMS content visually—within the context of the live site layout. It's ideal for teams who want to edit content in-place without needing access to the full Designer functionality. If working with a Componetised Design System teams that have access to Build Mode can create and edit page layout using existing components.

Webflow's CMS lets you create dynamic content like blogs, case studies, or team member profiles. You set up a content structure, and Webflow populates it across your site automatically.

Think of these like content templates or databases. Each collection (e.g., blog posts, projects) holds a group of Collection Items with shared fields (title, image, summary, etc.). Each collection can have a Collection Page template attached to it but can also be used as a simple database.

Style labels you assign to elements (like buttons or headings). When you edit a class, every element using it updates.

Each entry in a CMS Collection is called a Collection Item. It's a single instance of the template—like a blog post, a project, or a testimonial. Each item follows the structure defined in the Collection and is used to populate Collection Pages and Lists automatically.

Automatically generated pages for each Collection Item. You design the layout once, and Webflow creates a unique page for each entry.

Add extra styling to a base class. For example, Button + Button--Secondary = a styled variant without starting from scratch.

Props (short for 'properties') are customisable inputs for a Component. They let you tweak specific content or styles, like changing the text, images, links, or icons, within a Component just for that instance, without altering the base layout. This allows Components to be reused flexibly across the site.

These are alternative versions of the same Component with different styles or layouts. For example, you might have a 'Card' Component with a light and dark variant, or a 'Button' Component with primary and secondary styles. Variants help keep design consistent while allowing flexibility.

Components are reusable building blocks to keep the content and layout consistent across the site. Think of navigation and footer. These can be made more flexible by allowing parts of them to be customised per instance (e.g. changing text or images in a card component) with Components Props.

Lets you drop raw HTML, CSS or JavaScript directly into your site when native Webflow tools aren't enough.

Design Systems in Webflow are a structured set of design standards, components, styles, and guidelines that ensure visual and functional consistency across a website or group of sites. They often include things like colours, typography, spacing rules, button styles, and reusable components. In Webflow, a strong design system often lives inside a dedicated style guide page or workspace and enables teams to build faster, collaborate more effectively, and scale confidently.

Margin is the space outside an element, between the element and whatever is next to it. In Webflow, margins are commonly used to control the spacing between elements, helping you align and separate content consistently.

In Webflow, the Navigator is a panel within the Designer that displays the structure of your page in a hierarchical, tree-like view. It shows how elements are nested—like Sections, Containers, Divs, and other components—making it easier to organise and select elements, especially when working with complex or layered layouts. It's an essential tool for keeping your structure clean and troubleshooting design issues.

Padding is the space inside an element, between its content and its border. In Webflow, it's used to create breathing room around text or images within containers or divs, making layouts more readable and visually balanced.

Where you add site-wide scripts (like Google Analytics) or page-specific code in the <head> or before the </body>.

Webflow's version of "going live." You can publish to staging or to a custom domain.

A Section in Webflow is a layout element that acts as a container for grouping content. It's typically used to break up the page into meaningful vertical chunks—like headers, hero areas, services, or footers. Sections help structure your page and can be styled to define spacing, background colours, or images.

A secondary URL (like yoursite.webflow.io) used to preview or test your site before going live.

Variables in Webflow are customisable tokens used to keep your styling consistent. Instead of repeating the same value (like a colour code or spacing size) in multiple places, you define it once as a variable—such as --color-primary or --spacing-large. If you ever update that variable, every instance where it's used will update automatically. This is particularly useful for maintaining consistency in large projects or when working with design systems.

Device-specific screen sizes you can design for—desktop, tablet, mobile landscape, and mobile portrait.

• Desktop: 992px and above
• Tablet: 768px to 991px
• Mobile Landscape: 480px to 767px
• Mobile Portrait: Up to 479px

Webflow also allows you to add larger custom breakpoints if needed, for more granular control.

The main build interface where you structure content, style pages, and set up interactions—like a visual HTML/CSS editor.

The modern version of Webflow's account management—includes plans for teams, permissions, and billing.