Framework
Webflow components
Everything UpBuilder can build in Webflow. Open an element for the Figma guidance.
Component catalog
Structure
Text
Media
Navigation and disclosure
Motion
Forms
Breakpoints
Four breakpoints, cascading downward. A desktop style applies at every smaller size unless something overrides it.
- Desktop
- 992px and above
- Tablet
- up to 991px
- Landscape
- up to 767px
- Mobile
- up to 479px
Classes and styles
- Naming
- Classes follow Client-First conventions, so the Navigator stays readable.
- Variants
- A secondary button reuses the base button styling through a combo class.
- Variables
- Colors, fonts, spacing, and borders can become real Webflow Variables.
- Consistency
- Six slightly different button paddings produce six variants, not one class.
Turn variables on before you build
Variable creation is a plugin export setting. You cannot add it afterwards without rebuilding.