Sites animés : composants, breakpoints, CMS, code overrides, AI, publication.
Avant de démarrer, on fait un test technique de 1 min — micro, bruit, connexion. Si ton matériel ne convient pas, le test est remboursé intégralement.
Prouve en 15 minutes que tu maîtrises Framer de bout en bout : composants, CMS, code overrides React et publication — pas juste les templates.
Le badge Framer de Plume certifie ta capacité à concevoir, structurer et livrer des sites web animés avec Framer, l'outil qui a redéfini le no-code pour les designers produit. L'oral de 15 minutes couvre l'ensemble du spectre : architecture de composants avec variants et variables, gestion des breakpoints desktop/tablet/mobile, utilisation du CMS natif pour du contenu dynamique, code overrides en React pour dépasser les limites du canvas, et connexion aux outils marketing. L'IA examinatrice s'appuie sur des scénarios réels — projets client, reprises de sites mal structurés, arbitrages d'outils — pour tester ton niveau de profondeur, pas tes connaissances théoriques.
Ce qui rend ce badge crédible, c'est que l'évaluation ne repose pas sur un QCM ou un portfolio que n'importe qui peut emprunter. Tu parles à voix haute, tu justifies tes choix techniques (pourquoi sortir du no-code, comment tu gères la cohérence entre breakpoints, quand Framer n'est pas la bonne réponse), et un second modèle IA lit l'intégralité du transcript pour produire un score de 0 à 100 accompagné d'un rapport détaillé. Le niveau obtenu — Novice, Confirmé, Avancé ou Expert — reflète ta maîtrise réelle, pas ta capacité à remplir un formulaire LinkedIn.
Ce badge s'adresse aux freelances qui veulent rassurer leurs clients avant de signer un devis, aux designers produit qui veulent documenter leur montée en compétence sur Framer, aux agences qui recrutent un motion designer ou un intégrateur no-code, et aux candidats en reconversion qui ont appris Framer seuls et ont besoin d'une preuve externe. Si tu construis des sites dans Framer — même des sites simples — l'oral va révéler ce que tu sais vraiment faire.
Voici les dimensions concrètes que l'IA examine pendant les 15 minutes d'oral.
Création de composants réutilisables avec variants, variables et propriétés exposées, gestion de la hiérarchie des layers et cohérence du design system à travers tout le projet.
Structuration d'un layout responsive fluide entre desktop, tablet et mobile : pinning, stack, grid auto, et gestion des overrides de contenu par breakpoint sans casser le composant parent.
Modélisation des collections, liaison de champs dynamiques à des composants, construction de pages de détail CMS, et gestion des permissions d'édition pour que le client puisse mettre à jour son contenu en autonomie.
Écriture de code overrides en TypeScript/React pour des animations liées au scroll, des fetch d'API, des interactions personnalisées — et distinction claire entre ce qui mérite d'être codé et ce qui reste dans le canvas.
Maîtrise des transitions de page, des effets scroll (parallax, sticky, reveal), des micro-interactions sur hover/click et de l'éditeur d'animation natif de Framer pour produire des expériences fluides sans plugin tiers.
Configuration du domaine custom, optimisation des métadonnées et Open Graph, gestion des redirections, compréhension des scores Core Web Vitals dans Framer et comparaison honnête avec Webflow ou Next.js sur ces critères.
Organisation du projet pour la passation : nommage des layers, documentation des composants, formation rapide du client à l'éditeur Framer, et gestion des révisions et allers-retours sans régression visuelle.
Capacité à argumenter quand Framer est le bon choix (site marketing animé, MVP design-first) et quand il ne l'est pas, en orientant le client vers Webflow, WordPress ou un stack Next.js custom selon les contraintes du projet.
L'évaluation finale est faite par Claude (Anthropic) qui relit la transcription complète et applique cette grille de critères pondérés.
Maîtrise des fonctionnalités avancées : variants, variables, code overrides, CMS, breakpoints. Le candidat doit aller au-delà de la surface et démontrer qu'il a résolu de vrais problèmes techniques avec l'outil.
Capacité à expliquer pourquoi un choix plutôt qu'un autre : sortir du no-code pour écrire du React, choisir Framer vs Webflow, organiser les composants d'une certaine façon. L'examinateur cherche la logique, pas la bonne réponse.
Le candidat ancre ses réponses dans des projets concrets : nom du client (ou secteur), contraintes réelles, résultats mesurables. Les réponses génériques ou purement théoriques sont pénalisées.
Maîtrise du cycle complet : du brief Figma à la publication, en passant par les révisions et la passation pour que le client soit autonome sur l'éditeur. Inclut la gestion du SEO, du domaine et de la performance au moment de la livraison.
Compréhension de l'évolution de Framer — Framer AI, Workshop, positionnement vs Webflow — et capacité à se projeter sur les cas d'usage futurs ou les limites actuelles de l'outil.
Une session Plume tient en environ 20 minutes, du test technique à la délivrance du badge.
L'IA vérifie ton micro, ton niveau sonore et ta connexion. Tu valides que tout fonctionne avant que l'oral commence. Pas besoin de partage d'écran — la voix suffit.
L'IA t'invite à te présenter brièvement et à raconter le projet Framer le plus récent ou le plus complexe que tu as livré. C'est le point d'entrée qui calibre le reste de l'oral.
L'examinateur IA explore 3 à 5 thèmes en profondeur : composants et breakpoints, CMS et handoff client, code overrides, arbitrages d'outils, SEO et performance. Les questions s'adaptent à tes réponses — si tu mentionnes un scroll-linked animation, on va creuser.
Une dernière question ouverte te demande quand tu déconseilles Framer ou comment tu te positionnes par rapport à Webflow et aux générateurs IA. L'objectif est de tester ta vision, pas tes connaissances produit.
Claude Opus analyse le transcript complet et produit un score de 0 à 100, un niveau (Novice / Confirmé / Avancé / Expert) et un rapport détaillé par critère. Le badge est disponible dans ton tableau de bord avec une URL partageable.
Le score sur 100 se traduit en un niveau lisible d'un coup d'œil par un recruteur.
Tu as exploré Framer via des tutoriels ou des templates. Tu sais créer une page, ajouter des animations basiques et publier sur un sous-domaine Framer. Tu n'as pas encore livré de projet client et tu peines à gérer les breakpoints ou à créer des composants avec variants.
Tu as livré au moins un site Framer pour un client ou un projet perso ambitieux. Tu maîtrises les composants avec variants, la gestion des breakpoints et les bases du CMS. Tu publies sur domaine custom, tu configures les métadonnées SEO, et tu es capable de former un client à l'éditeur.
Tu construis des systèmes de composants complets avec variables et propriétés exposées. Tu écris des code overrides en React/TypeScript pour des animations scroll, des intégrations API ou des interactions complexes. Tu gères plusieurs projets client en parallèle et tu sais quand Framer n'est pas la bonne solution.
Tu as une maîtrise complète de Framer, des composants code aux workflows CMS avancés. Tu optimises activement les Core Web Vitals, tu construis des architectures de composants réutilisables à l'échelle d'une agence, et tu as une opinion argumentée sur le positionnement de Framer face à Webflow, Next.js et les outils IA émergents comme Framer AI et Workshop.
Pas besoin d'années d'expérience ou de diplôme pour passer le badge. Voici les profils pour qui il fait sens.
Tu vends des sites Framer à des clients et tu veux une preuve externe de ta maîtrise pour justifier ton tarif, rassurer un prospect ou te différencier des centaines de profils qui se disent 'expert Framer' sur LinkedIn.
Tu utilises Framer pour des prototypes haute fidélité ou des sites marketing et tu cherches à documenter cette compétence sur ton CV pour une prochaine mobilité ou une augmentation.
Tu dois évaluer un candidat ou un prestataire qui se déclare Framer expert — le badge te donne un score objectif et un transcript audio plutôt qu'un portfolio subjectif.
Tu as construit ton propre site ou landing page avec Framer et tu veux valider que ton niveau est suffisant pour externaliser les évolutions ou pour te vendre comme profil technique polyvalent.
Tu as appris Framer de façon autodidacte et tu as besoin d'une certification crédible pour compenser l'absence de diplôme technique ou d'expérience en agence dans ton dossier de candidature.
Où et comment ton badge Framer va te servir au quotidien.
Un client B2B demande des références avant de signer un devis à 4 000 euros pour un site Framer. Tu partages l'URL de ton badge avec le score et le rapport — l'entretien porte sur le projet, pas sur ta légitimité technique.
Une agence digitale cherche un intégrateur Framer pour une mission longue durée. Le badge Avancé ou Expert remplace le test technique maison chronophage et donne au recruteur un score comparable entre plusieurs candidats.
Tu ajoutes le badge dans la section Certifications de ton profil LinkedIn avec l'URL Plume. Les recruteurs qui cliquent voient le score, le niveau et le rapport — pas juste un logo.
Tu veux passer ton TJM de 400 à 550 euros/jour. Le badge Expert Framer documente objectivement ta progression et appuie la conversation avec ton client actuel ou lors d'un entretien.
Tu as appris Framer seul et livré trois sites personnels. Le badge Confirmé ou Avancé compense l'absence de nom d'agence sur le CV et prouve à un recruteur que tu n'as pas besoin d'une formation interne.
Tu envisages de déléguer la maintenance d'un site Framer à un freelance. Tu lui demandes de passer le badge — le rapport détaillé te montre exactement où il est solide (CMS, composants) et où il a des lacunes (code overrides, SEO).
Quelques minutes pour vérifier que tu as bien tout ce qu'il faut.
À la fin de ta session, tu ne reçois pas juste un score : voici tout ce qui t'attend.
Tu reçois un score de 0 à 100 et un niveau officiel (Novice / Confirmé / Avancé / Expert) qui reflète ta maîtrise réelle de Framer — composants, CMS, code overrides et livraison client inclus.
Claude Opus produit un rapport structuré qui détaille tes forces (ex. : maîtrise des variants et du CMS) et tes axes de progression (ex. : code overrides, optimisation Core Web Vitals) pour que tu saches exactement quoi travailler ensuite.
L'enregistrement de ton oral est stocké de façon sécurisée et reste privé par défaut. Tu peux y accéder pour te réécouter et améliorer ta façon d'expliquer tes choix techniques en entretien.
Une URL publique présente ton badge Framer avec score, niveau et rapport synthétique. Parfaite pour un profil LinkedIn, un portfolio Notion, un devis client ou une signature email.
Découvre d'autres compétences proches que tu peux faire valider avec Plume.
15 minutes d'oral avec une IA, un badge partageable pour tes recruteurs.
Choisir ce badge · 19,99 €
