Finsweet releases Client-First V2!

Documentation
3 min
Published on Mar 20, 2023
Updated on
Client-First V2
Use AI to summarize this article
Key points

Finsweet unveils the new version of Client-First. Client-first becomes Client-First V2!

What are the differences between V1 and V2?

In broad terms, V2 of Client-First includes:

  • A new integrated technology (Folder),
  • Additional explanations,
  • An optimization of the usage and naming of certain classes: custom classes, utility classes, and global classes,
  • A new version for the Cloneable Style Guide,
  • A new spacing system for the padding of sections,
  • Heading style: standardization of heading sizes to find the perfect balance between design and SEO,
  • Introduction of a new class: the class <inlineflex> (a mix between a flexbox and the inline feature, not native in the Webflow designer),
  • Client-first becomes Client-First (capital F)
Client-First starter project template

Discover the basic structure of Client-First sections!

New feature: folders

The first version of Client-First already allowed for a comprehensive and organized structure in your Webflow site. But today, you can go even further with folders. Folders let you visually organize your classes into large categories and much more.

What are the benefits of using Folders? An even better-organized Webflow site!

Learn more about Client-First Folders in this article by Thibaut.

How to transform a Client-first V1 site into Client-First V2?

Check out the live build video by Joe Krug on Finsweet's YouTube channel.

⚠️ Depending on the size of your site, migrating classes can be a significant task. The first version of Client-first is still a relevant method.

Therefore, it is not necessarily essential to consider a redesign from V1 to V2, but rather to change your future habits!

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Minimalist abstract illustration inspired by Webflow, featuring blue and white geometric shapes on a black background representing Webflow’s 2026 pricing evolution and enterprise AI-driven strategy.
News
Webflow

Webflow Pricing update in May 2026

Webflow Pricing update in May 2026
Live thumbnail featuring Lucas Clairet and Florian Bodelot in the center, with Webflow (blue background) and Claude (orange background) logos behind them, a “LIVE” badge in the top-left, and the text “Webflow + Claude” at the bottom.
Documentation
AI

Webflow x Claude: Full Recap of our Live

Webflow x Claude: Full Recap of our Live
Agent Readiness score result for Digidop showing a score of 100 and agent-native level
Tutorial
AI

Is Your Website Ready for AI Agents?

Is Your Website Ready for AI Agents?

Want to turn your website into your most valuable asset?

Contact us today