Webflow Resources
Content playbooks, reusable templates, and best-practice checklists for getting the most out of Webflow.
Our Review
4.5
Designers & agenciesThe best visual builder for designers who want pixel-perfect, responsive sites — powerful but with a learning curve for advanced CMS.
Strengths
- Pixel-perfect visual design with full CSS control
- Built-in CMS collections for structured content
- Hosting, SSL, and CDN included out of the box
Watch out for
- Advanced interactions and CMS require a learning curve
- Can be expensive with multiple add-ons
- Less suited for complex custom application logic
Webflow Resources
Playbooks, content templates and checklists built for Webflow teams.
Responsive Build Workflow
Build a page that looks great on every breakpoint.
- 1Set up your base styles (typography, colors, spacing) in the style panel.
- 2Build the desktop layout first using the visual designer.
- 3Switch to the tablet breakpoint and adjust spacing and layout.
- 4Switch to mobile landscape and mobile portrait, refining each.
- 5Use flexbox and grid for flexible, responsive structures.
- 6Preview on real devices before publishing.
CMS Collection Setup
Create a structured CMS collection for repeatable content.
- 1Create a new collection and name it clearly.
- 2Add fields with the correct types (plain text, rich text, image, reference).
- 3Set required fields and default values for consistency.
- 4Design the collection item template page.
- 5Add filter and sort settings if using a collection list.
- 6Create a few test items and publish to verify.