3 Tips for Learning Client-First (Webflow)

Documentation
3 min
Published on Nov 07, 2022
Updated on
Screenshot of client-first resources with Florian's memoji.
Use AI to summarize this article
Key points

Reminder: Client-First is the best development methodology for Webflow sites. It was conceived and created by the agency Finsweet, and is now being internationalized with V2, available in a new language, French.

As an agency, using this development method will greatly enhance your clients' satisfaction upon project delivery.

Here are 3 tips, presented in various learning formats, that will allow you to find the one that suits you best and thus learn faster!

  1. Academic reading,
  2. Learn by doing,
  3. Or video tutorial format!

Prefer videos? 🍿

1. Read the Client-First documentation

Excerpt from the Client-First documentation in French
Excerpt from the Client-First documentation (FR version by Digidop)

It may seem long, academic, and tedious, but you need to go through it! Reading the documentation is essential to understand the entire concept behind Client-First.

However, there are no strict rules or best practices. You can read it at your own pace, reread certain pages several times, and focus your reading efforts only on the chapters of your choice.

The documentation remains an essential resource, which you can return to for support if, one day, you have any doubts.

2. Clone and use the Client-First templates

Client-First V2 Template
Library of Client-First V2 templates

This method is my favorite. It is the very essence of "Learn by doing" on Webflow. Finsweet has made dozens of templates available in Made In Webflow that you can copy for free.

Take advantage of it!

Once the project is copied to your dashboard, open it and examine how each section was built and named from the inside.

3. Watch Live Builds of websites

Joe Krug in live build on Webflow
Live Build by Joe Krug

There are numerous videos on the Finsweet YouTube channel showcasing website creation on Webflow using the Client-First V2 class naming method. This is a very useful approach for learning in a fun way by watching experts at work.

Personally, it's a format I enjoy using at the end of the day. When I'm tired and want to absorb information fairly easily.

The only drawback: The videos are in English. However, we plan to do more and more live builds in French, focusing on Webflow with Client-First, on the Digidop YouTube channel this year.

Resources to learn to use Client-First

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.
Documentation
AI

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

Make Your Website Visible in ChatGPT, Perplexity, and AI Answers
Florian Bodelot and Thomas Labonne from Digidop in front of a Webflow Conf 2026 visual announcing their trip to Boston.
Events
Webflow

Webflow Conf 2026: A Particularly Anticipated Edition

Webflow Conf 2026: A Particularly Anticipated Edition
Historical fund performance chart on an asset management company fund page
Documentation
Development

Fund Pages: How to Structure an Asset Management Company’s Fund Range on its Website

Fund Pages: How to Structure an Asset Management Company’s Fund Range on its Website
Every great website  
starts with a conversation
Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.