Made in

La plateforme tout en un :

T
U
T
O
R
I
E
L
S

La plateforme #1
pour apprendre Framer en france

Accédez à +50 tutoriels, des templates exclusifs et des formations vidéo 100% gratuites

Apprends Framer étape par étape, même si tu débutes

Formation à Framer complète et gratuite [2026]

Cette formation 100% gratuite est idéale si tu pars de zéro et que tu veux apprendre Framer simplement, étape par étape

Commencer la formation

Formation initiale complète

1 - Comprendre les bases + création de la Hero section

Ce module t’apprend les bases essentielles de Framer : structure, styles, animations et responsive design. À la fin de la vidéo, tu sauras créer une Hero Section complète, prête à être utilisée sur ton site.

59 min

Accéder au cours

Formation initiale complète

1 - Comprendre les bases + création de la Hero section

59 min

Accéder au cours

Formation initiale complète

2 - Créer une section Service réutilisable

Apprends à créer une section Services moderne dans Framer en structurant un bloc texte + image et en le transformant en composant responsive grâce aux variants pour un rendu pro sur tous les écrans.

29 min

Accéder au cours

Formation initiale complète

2 - Créer une section Service réutilisable

29 min

Accéder au cours

Formation initiale complète

3- Créer des variables dans les composants

Découvre comment créer des variables dans tes composants Framer pour personnaliser titres textes boutons liens et images sans modifier la structure globale de ta mise en page.

5 min

Accéder au cours

Formation initiale complète

3- Créer des variables dans les composants

Découvre comment créer des variables dans tes composants Framer pour personnaliser titres textes boutons liens et images sans modifier la structure globale de ta mise en page.

5 min

Accéder au cours

Formation initiale complète

1 - Comprendre les bases + création de la Hero section

59 min

Accéder au cours

Formation initiale complète

2 - Créer une section Service réutilisable

29 min

Accéder au cours

Formation initiale complète

3- Créer des variables dans les composants

Découvre comment créer des variables dans tes composants Framer pour personnaliser titres textes boutons liens et images sans modifier la structure globale de ta mise en page.

5 min

Accéder au cours

Formation initiale complète

4 - Créer une section Avis Client DYNAMIQUE

Crée une section d’avis clients dynamique dans Framer avec cartes témoignages réutilisables, ticker animé et mise en page responsive pour renforcer la preuve sociale de tes pages.

25 min

Accéder au cours

Nouveautés

Les dernières vidéos en ligne

Apprenez à concevoir des sites modernes pas à pas grâce à des vidéos explicatives 100 % gratuites en français. Découvrez Framer sans appréhension et libérez votre créativité.

Voir toutes les nouveautés

Nouveau

Animations

Créer une bordure animée sur Framer : Le guide complet sans code

Apprenez à créer un effet de bordure animée "Glow" sur Framer pour dynamiser vos boutons et cartes. Un tutoriel pas à pas, 100% sans code, pour ajouter une touche premium et interactive à vos designs web.

3 min

Accéder au cours

Nouveau

Animations

Créer une bordure animée sur Framer : Le guide complet sans code

3 min

Accéder au cours

Nouveau

Animations

Maîtriser l'effet d'empilement au scroll (Stacking Cards)

Apprenez à créer un effet d'empilement de cartes fluide et responsive sur Framer. Ce guide technique vous montre comment configurer les positions Sticky et animer vos sections au scroll sans code.

3 min

Accéder au cours

Nouveau

Animations

Maîtriser l'effet d'empilement au scroll (Stacking Cards)

Apprenez à créer un effet d'empilement de cartes fluide et responsive sur Framer. Ce guide technique vous montre comment configurer les positions Sticky et animer vos sections au scroll sans code.

3 min

Accéder au cours

Nouveau

Image d'une navbar qui se cache au scroll

Animations

Cacher sa navbar au scroll en 2 min

Découvre comment faire disparaître une navbar au scroll en 2 minutes avec Framer, et améliorer l’expérience utilisateur de ton site.

2 min

Accéder au cours

Nouveau

Animations

Cacher sa navbar au scroll en 2 min

Découvre comment faire disparaître une navbar au scroll en 2 minutes avec Framer, et améliorer l’expérience utilisateur de ton site.

2 min

Accéder au cours

Nouveau

Animations

Créer une bordure animée sur Framer : Le guide complet sans code

3 min

Accéder au cours

Nouveau

Animations

Maîtriser l'effet d'empilement au scroll (Stacking Cards)

Apprenez à créer un effet d'empilement de cartes fluide et responsive sur Framer. Ce guide technique vous montre comment configurer les positions Sticky et animer vos sections au scroll sans code.

3 min

Accéder au cours

Nouveau

Animations

Cacher sa navbar au scroll en 2 min

Découvre comment faire disparaître une navbar au scroll en 2 minutes avec Framer, et améliorer l’expérience utilisateur de ton site.

2 min

Accéder au cours

Nouveau

Bouton animé au survol sur Framer sans code

Animations

Créer un bouton animé au survol sur Framer facilement et sans code

Apprends à créer ton premier bouton animé au survol sur Framer, même si tu débutes. Un cours pas à pas, sans code, pour comprendre les bases et créer facilement des boutons modernes et réutilisables.

19 min

Accéder au cours

Tutoriels

Les derniers tutoriels en ligne

Explore des tutoriels Framer complets pour comprendre les fonctionnalités, résoudre des problèmes et tes blocages et concevoir des sites web modernes étape par étape.

Voir tous les tutoriels

Carrousel Framer avec slides numérotées, flèches de navigation et indicateur de progression

Tutoriels

Comment créer un carrousel sur Framer : Guide Complet (No-Code)

Tutoriels

Comment créer un carrousel sur Framer : Guide Complet (No-Code)

Bouton copier le lien avec confirmation Copié sur une interface Framer

Tutoriels

Copier du texte au clic sur Framer : Créer un bouton sans code

Tutoriels

Copier du texte au clic sur Framer : Créer un bouton sans code

Comparaison interface Framer et Webflow pour la création de sites web en 2026

Tutoriels

Framer vs Webflow en 2026 : Lequel choisir pour votre projet ?

Tutoriels

Framer vs Webflow en 2026 : Lequel choisir pour votre projet ?

Tutoriels

Comment créer un carrousel sur Framer : Guide Complet (No-Code)

Tutoriels

Copier du texte au clic sur Framer : Créer un bouton sans code

Tutoriels

Framer vs Webflow en 2026 : Lequel choisir pour votre projet ?

Exemple de formulaire créé avec Framer incluant champs texte email menu déroulant et bouton de validation

Tutoriels

Guide Formulaires Framer : Créer, Configurer et Automatiser sans code

Créer gratuitement mon compte Framer

Rejoindre Framer

Créer gratuitement mon compte Framer

Rejoindre Framer

Créer gratuitement mon compte Framer

Rejoindre Framer

Framer Campus est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.

Navigation

Réseaux sociaux

Youtube

Mentions légales

Politique de confidentialité

Framer Campus est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.

Navigation

Réseaux sociaux

Youtube

Mentions légales

Politique de confidentialité

Framer Campus est né d’une envie partager tout ce que j'aurais aimé trouver quand j ai commencé. Des tutos clairs, des vidéos gratuites et un lieu où apprendre Framer devient enfin simple.

Navigation

Réseaux sociaux

Youtube

Mentions légales

Politique de confidentialité