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

Illustration of Webflow and Claude connection with graphic elements and data network
Tutorial
AI

How to easily connect Claude to your Webflow project?

How to easily connect Claude to your Webflow project?
Webflow AI interface with a centered badge on a blue and purple gradient background.
Documentation
AI

AI in Webflow in 2026: 10 features, from the simplest to the most advanced

AI in Webflow in 2026: 10 features, from the simplest to the most advanced
Minimal dark landing page displaying “The Digidop Company” with the tagline “Build. Scale. Inspire.” and the Digidop and Vydera logos at the bottom.
News
Digidop

A new step for Digidop: The Digidop Company and the launch of Vydera

A new step for Digidop: The Digidop Company and the launch of Vydera

Want to turn your website into your most valuable asset?

Contact us today