Webflow Cheat Sheet

A single-page, colour-coded summary of the Webflow sub-section: the platform (plans, seats and roles, sunset products), the Designer (panels, the breakpoint cascade, the Style panel and the selector table, flex versus grid, variables, components and libraries), interactions, the CMS (the 16 field types, limits, Collection lists, template pages, CSV rules and item states), operations (forms, SEO, redirects, backups, code export, localization, accessibility, performance and a launch checklist), custom code, the Data API (base URLs, tokens and scopes, rate limits, error codes, the main endpoints, the item create and publish flow, the Content Delivery API rule and the webhook signature formula), tooling (the CLI, webflow.json skeletons, declareComponent, wrangler.json bindings and the MCP setup) and a strip of what changed since older tutorials. It reflects Webflow as checked on 2026-10-28 and the pinned developer tools webflow-api 3.3.4, @webflow/webflow-cli 2.15.0 (Node.js 22.13 or later), the Python webflow SDK 2.0.0 and GSAP 3.15.0, and is available as a downloadable PDF.

For the full explanation, every option and additional examples, see the dedicated pages:

Getting Started — Introduction and Architecture, Plans, Workspaces, Seats and Roles, Product Changes and Deprecations, First Site and the Dashboard, and Designer Tour.

Designing — HTML and CSS in Webflow, Elements and Page Structure, Style Panel and the Box Model, Classes, Combo Classes and Selectors, Class Naming Systems, Flexbox and Grid Layouts, Positioning and Overflow, Typography and Fonts, Backgrounds, Borders and Effects, Responsive Design and Breakpoints, and Images and Assets.

Design Systems — Variables and Modes, Components, Props, Slots and Variants, Shared Libraries, and Building a Design System.

Interactions — Interactions with GSAP, Scroll and Page Animations, Classic Interactions, and Lottie, Spline, Rive and Video.

CMS — CMS Concepts and Content Modeling, Collections and Field Types, Reference and Multi-reference Fields, Collection Lists, Collection Template Pages, Conditional Visibility and Dynamic Embeds, CSV Import and Export, and CMS Limits and Scaling.

Content and Publishing — Content Editing on the Canvas, Publishing and Scheduling, Page Branching, Releases and Approvals, and Collaboration, Comments and Activity Log.

Site Settings and Operations — Forms, SEO and AEO, Redirects and Site Migration, Domains, Hosting and Publishing Options, Backups and Recovery, Password Protection and Site Search, Accessibility in Webflow, Performance Optimization, and Localization.

Commerce, Growth and AI — Ecommerce Overview, Analyze and Optimize, Integrations and Marketplace Apps, and AI Features and Credits.

Custom Code — Custom Code: Head, Footer and Embeds, Custom Attributes and JavaScript, Third-party Libraries and Scripts, Reverse Proxy and Custom Hosting, and Code Export and Portability.

Data API and Headless — Developer Platform Overview, Webflow CLI, Data API Authentication and Scopes, Data API: SDKs, Limits and Errors, Data API: Sites, Pages and Components, Data API: CMS, Data API: Assets, Forms and Custom Code, Data API: Ecommerce and Localization, Webhooks, and Content Delivery API and Headless.

Apps and Extensions — Apps Overview and OAuth, Designer Extensions and the Designer API, Hybrid Apps, and Publishing Apps and the Marketplace.

DevLink, Cloud and Agents — DevLink Export, Code Components, Webflow Cloud, Webflow Cloud Storage: SQLite, Key-Value and Object Storage, Webflow Cloud: Deployments and Environments, Webflow MCP Server and AI Agents, Enterprise APIs and Governance, and Testing, CI and DevOps.

Reference — Where Older Books and Tutorials Are Outdated, Comparison and Decision Guide, and Cheat Sheet (PDF).

Start here — Webflow.