Quatre visuels. Cinq jours.
Zéro expérience requise.
Tu n'as jamais ouvert Figma ? C'est le point de départ. En cinq demi-journées tu passes du « quel format dois-je choisir ? » à un dossier livré à un client : fichiers exportés, nommés, planche de validation, lien de partage. Sur un vrai cas — la campagne « Les Jours Data » de Datashop.
Aucune installation. Figma fonctionne dans le navigateur. Il te faut une adresse e-mail, une connexion, et c'est tout. Le forfait gratuit suffit largement pour ce cours : tu peux créer 3 fichiers de design, autant de pages que tu veux, et exporter sans limite.
Ce que tu auras produit vendredi soir
Quatre visuels, quatre formats, une seule charte graphique. C'est exactement ce qu'un client attend quand il commande « des visuels pour les réseaux ».
Publication carrée
1080 × 1080 pxL'annonce de l'opération. Instagram, LinkedIn, Facebook — le format le plus polyvalent.
Story verticale
1080 × 1920 pxLe compte à rebours. Stories, Reels, TikTok. Celui où les zones de sécurité comptent vraiment.
Partage de lien
1200 × 628 pxL'ouverture du magasin de Lyon. L'image qui s'affiche quand on colle un lien sur LinkedIn.
Miniature vidéo
1280 × 720 pxLa vignette d'un contenu conseil. YouTube, mais aussi l'illustration d'un article de blog.
Le déroulé de la semaine
Cinq demi-journées de 3 heures. Chacune se termine par quelque chose de fini — pas par « on reprendra demain ».
Les formats, le pixel, et les premières frames
Pourquoi on parle en pixels et pas en centimètres. Quel format pour quel réseau, et comment le retrouver sans l'apprendre par cœur. Création du compte, tour de l'interface, et les 4 plans de travail posés aux bonnes dimensions.
✓ Livrable : le fichier Figma avec les 4 frames nomméesFormes, couleurs, images
Rectangles et ellipses, arrondis, remplissages unis et dégradés, contours et ombres. Insérer une image, la cadrer, la masquer dans une forme. Et la charte Datashop enregistrée une bonne fois en styles de couleur.
✓ Livrable : les 4 fonds composés, à la charteLe texte et la hiérarchie
Choisir une police, régler l'interligne, hiérarchiser accroche / message / bouton / mention. Rendre un texte lisible sur une photo. Et les dix fautes qui font qu'un visuel « fait amateur » sans qu'on sache dire pourquoi.
✓ Livrable : les 4 visuels textés et lisiblesComposition, alignement, déclinaison
Grilles et marges, alignement et répartition, Auto Layout, composants. Puis le vrai sujet du métier : décliner un visuel sur quatre ratios différents sans tout recommencer, et sans perdre la cohérence.
✓ Livrable : les 4 visuels finis et cohérentsExport professionnel et livraison
PNG, JPG, SVG, PDF : lequel quand. 1× ou 2×, et pourquoi ce n'est pas la même chose ici que sur un site. Nommer ses fichiers comme un pro, monter la planche de validation, partager le fichier, et vérifier la check-list avant d'envoyer.
✓ Livrable : le dossier livré + la planche PDFLe parcours en 5 compétences
Suis-les dans l'ordre. Ta progression est enregistrée automatiquement dans ce navigateur.
Formats & interface
Pixel et résolution, le format de chaque réseau social, les zones de sécurité, le compte Figma, l'interface, et créer une frame à la bonne dimension.
Formes, couleurs & images
Rectangle, ellipse, arrondis, remplissage uni et dégradé, contour, ombre, opacité. Insérer et cadrer une image, la masquer dans une forme, et créer ses styles de couleur.
Texte & hiérarchie
L'outil Texte, les polices, l'interligne et l'interlettrage, la hiérarchie de lecture, la lisibilité sur image, les styles de texte et les fautes de débutant.
Composition & déclinaison
Grilles et marges, aligner et répartir, Auto Layout, composants et instances, puis décliner un même visuel sur quatre ratios sans perdre la cohérence.
Export pro & livraison
PNG / JPG / SVG / PDF, 1× et 2×, poids des fichiers, convention de nommage, planche de validation, partage du fichier, droits d'usage et check-list de livraison.
S'entraîner et s'évaluer
À quoi sert Figma ?
Qui l'utilise, pour quoi, et pourquoi il a remplacé Photoshop dans beaucoup d'équipes communication et marketing.
🏋️Les exercices pratiques
18 exercices guidés, classés par compétence, puis 3 ateliers notés : tes exports sont vérifiés dans la page, notés sur 20 et rendus à ton formateur. Tout porte sur la campagne Datashop.
★Le QCM d'entraînement
40 questions tirées au sort dans une banque de 91, huit par compétence, dont huit clics sur de vraies captures de Figma. Nouveau tirage à chaque essai, explication à chaque réponse, envoi des résultats au formateur.
⏱️L'examen blanc
35 questions, 45 minutes, une seule fois, sans correction en cours de route. Le seul moyen honnête de savoir où tu en es.
Le kit de travail
Tout est dans le dossier data/. Télécharge le pack complet
ou les pièces une par une.
Brief, charte, logo — tout d'un coup 📄brief-client-datashop.txt
La commande du client, telle qu'elle arrive 🎨charte-datashop.svg
Couleurs, polices, échelle typographique ◆logo-datashop.svg
Le logo à poser sur les 4 visuels 📐fiche-formats-reseaux.txt
Tous les formats en px, à garder sous la main ✅checklist-livraison.txt
Les 12 points à vérifier avant d'envoyer
Les images des visuels. Aucune photo n'est fournie dans le kit : tu iras les chercher toi-même via le plugin Unsplash intégré à Figma (images libres de droits). Savoir trouver une image qu'on a le droit d'utiliser fait partie du métier — c'est traité au cours 5.