Skip to content
UX Atlas
Plate TOOL·005 · ToolGrid E4 · Rev. 2026-08-14

Webflow

Visual web development producing production sites, with a CMS and a real understanding of the box model.

ToolCraft conventionFoundational

Definition

A visual builder that maps directly onto HTML and CSS concepts, so what is built is closer to production code than a typical site builder. Widely used for marketing sites that designers own end to end.

Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.

On this plate
  1. 1Definition
  2. 2Local chart
  3. 3Continue from here

Good for

  • Marketing sites owned by design
  • Content-managed sites
  • Designers who think in CSS

Watch out for

Learning curve is real, because it exposes the underlying layout model rather than hiding it.

Local chart

TOOL·005 · Region VII · Grid E4

This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.

GridsFND·039 · OFTEN USED WITHResponsive LayoutFND·043 · OFTEN USED WITHSEO for Content ProductsWRT·007 · OFTEN USED WITH

Continue from here

Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.

Often used with

These usually appear in the same screen or the same decision.

Nearby in the Atlas

Adjacent territory, found through shared tags rather than a stated link.

FigmaFramerPenpot