# Client-First : la version française avec Digidop

News3 minPublié le Oct 25, 2022Dernière mise à jour le ![Logo Client-First avec drapeau de la france et le memoji de Thibaut et Florian de Digidop](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671264efc83f04c8e25eef84_64760069e93084646c9ef161_6358062f9c3dcf46457cef3a_Open-Graph-client-first-fr.webp)Sommaire

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Résumez cet article avec une IA[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Points clés de l'article[**Webflow**](/fr/webflow) (et le no-code en général) **n'est pas accessible**. C'est un fait. Pourquoi ?

Car **99% du contenu de qualité autour de cet univers est en anglais**. Il est donc (presque) impossible de s'y former pour les non anglophones.

C'est de ce constat qu'est née la vision de Digidop : **rendre accessible le levier technologique qu'est le no-code à la communauté francophone.**

Et aujourd'hui, nous annonçons la sortie d'une ressource stratégique, qui marque un pas de plus, vers la réalisation de notre vision.

> **La version française (traduite et adaptée) de la **[**documentation Client-First V2**](https://finsweet.com/client-first/fr/intro)**.**

## C'est quoi Client-First ?

Client-First est une méthodologie de nomination universelles des classes CSS dans Webflow. Lancée il y a bientôt un an par Finsweet, la méthode Client-First s'est démocratisée dans l'univers du développement web avec Webflow. Ce succès est logique, car la méthode apporte de nombreux avantages. Client-First vous permet :

- D'avoir un site webflow organisé et d'optimiser l'utilisation du langage CSS
- D'avoir un site performant, sans "code inutile". L'accumulation inutile de classes CSS ralentit les performances de votre site
- D'avoir un site qui intègre l'ensemble des meilleures pratiques d'accessibilité web en 2022 (En savoir plus sur l'accessibilité web)
- De rapidement comprendre la construction interne de votre site et donc de ne pas dépendre de votre développeur(se) inital(e)

Et pas que. Il y a des tonnes d'autres bonnes raisons d'utiliser cette méthodologie. Pour info, **Client-First est une méthode de développement obligatoire chez Digidop**. 

En savoir plus sur les raisons qui ont conduit notre agence à la décision d'[utiliser Client-First pour développer sur Webflow](/fr/blog/developpement-site-webflow-client-first-sytem-methodologie-axee-client).

## Pourquoi avoir traduit Client-First en français ?

Digidop est en mission : rendre accessible l'apprentissage de webflow à la communauté francophone. Et vous étiez nombreux à nous partager votre envie d'en apprendre plus sur Client-First. (Et nous vous y encourageons car Client-First est à notre avis la méthode la plus efficace pour développer dans Webflow). 

Mais.... la documentation est :

- Une documentation dense
- Uniquement en anglais.

Deux facteurs, qui créent des barrières évidentes à l'entrée. Étant un ex-participant du premier bootcamp (seulement 5 personnes) à la [certification à Client-First](https://www.finsweet.com/client-first/certified), j'ai discuté de cette problématique avec [Joe Krug](https://www.linkedin.com/in/joekrug/). Et.... nous y voilà ! 

**Client-First à sa version française officiellement traduite par Digidop ! **

Et devinez quoi ? Cette initiative à fait effet boule de neige. Les demandes de traduction ont flambé dans des dizaines de pays et Client-First sera maintenant traduit dans + d'une vingtaine de langues différentes cette année.

La **méthodologie de développement Client-First** va donc pouvoir officiellement se **démocratiser à un niveau mondial**.

### Les auteurs de la version française de Client-First

La traduction à été réalisée par [Thibaut Legrand ](/fr/team/thibaut-legrand)et moi-même. Puis nous avons été aidé par Anna, pour une relecture et une intégration accessible dans le CMS Webflow. Un vrai travail d'équipe.

Mille merci à eux, pour ceux qu'ils ont fait pour la communauté webflow francophone, c'était un énorme travail.

### Comment découvrir la version française de Client-First ?

La **documentation est disponible gratuitement et en intégralité sur le site officiel de Finsweet**.

> [Découvrir Client-First FR en cliquant sur ce lien.](https://www.finsweet.com/client-first/fr/guide-v1-v2)
[

](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-fondateur[

](/fr/team/florian-bodelot)[

](https://fr.linkedin.com/in/florian-bodelot-digidop)[

](https://twitter.com/florian_bodelot)+1200 lecteurs

## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives.

[S'inscrire

](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter

](https://digidopfr.substack.com/)

## Articles qui devraient vous intéresser

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir

### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026

[Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir

### Webflow lance Source. Notre avis sur ce shift.

[Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir

### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA

[Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles

](/fr/blog)Les meilleurs projets web
commencent par une conversation[Discuter avec un expert

](/fr/contact)[Réserver un appel

](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)