Initiation offerte Figma :

Frame, section et slice

Formation débutant Figma de A à Z

Formation débutant : Figma de A à Z

Une formation pas à pas pour te faire découvrir tous les secrets de Figma dans le but de réaliser
les meilleurs sites.
Formation Ă  l'unitĂ© disponible Ă  vie dans la plateforme. Des mises Ă  jour mensuelles seront effectuĂ©es si nĂ©cessaire pour ĂȘtre toujours Ă  la page !

180€
Commander - 180€
Module 1 : Les principes du design
Choisir ses couleurs pour impacter la conversion
La stratégie des espaces négatifs (pour créer des pages comme Apple !)
La hiérarchie des éléments dans une page : stratégie Android vs stratégie IOS
Comment sélectionner les bonnes typographies
3 sites pour télécharger des typographies de toutes catégories
Intégrer des icÎnes pour une meilleure compréhension
Concevoir des boutons pour une conversion optimale
Sélectionner des médias impactants
Les bases du responsive pour une version mobile efficace
Module 2 : Préparer son projet
CrĂ©er son moodboard pour ne plus ĂȘtre confronter au syndrome de la page blanche
Wireframe : Apprendre à schématiser avant de designer
Créer le design system de sa page
Apprendre à créer une bibliothÚque de composants
Comment sélectionner ses typographie et les importer dans Figma
Gestion des couleurs dans Figma : "Local style" et "Variables"
Comment utiliser les grilles de Figma pour créer une page "Pixel perfect"
Module 3 : Designer une landing page
Design de Sections de Contenu : Organiser et styliser les sections pour une clarté et une esthétique optimales.
Création de Titres Impactants : Techniques pour concevoir des titres qui captent l'attention et définissent le ton de la page.
Intégration de Témoignages et Avis Clients : Mettre en valeur les retours clients pour renforcer la crédibilité.
Conception d'une Section CTA Convaincante : Créer un appel à l'action (CTA) efficace pour stimuler les conversions.
Utilisation de Graphiques et d'Infographies : Incorporer des éléments visuels pour expliquer et engager.
Design de Pied de Page Fonctionnel : Structurer un pied de page avec les informations essentielles et des liens utiles.
Adaptation Mobile et Responsive : S'assurer que la maquette est responsive et adaptée aux mobiles
Module 4 : Prototype et animation
Introduction aux Animations dans Figma : Comprendre les bases du prototypage d'animations et leur importance dans l'expérience utilisateur.
Micro-Interactions : Définition et Exemples : Apprendre ce que sont les micro-interactions et voir comment elles améliorent l'interface utilisateur.
Outils et Techniques d'Animation dans Figma : Explorer les outils de Figma spécifiques pour créer des animations.
Animer des Boutons et des IcÎnes : Techniques pour rendre les éléments interactifs plus dynamiques et réactifs.
Création d'Animations de Page Complexes : Pas à pas pour concevoir des animations de page similaires à celles d'Apple.
Utilisation des Smart Animate et Variants : Maßtriser ces fonctionnalités avancées de Figma pour des animations fluides.
Optimisation des Performances d'Animations : Conseils pour assurer que les animations restent performantes et ne nuisent pas à l'expérience utilisateur.
Intégrer Feedback et Interactivité : Utiliser les animations pour fournir un feedback visuel et améliorer l'interactivité.
Tester et Itérer les Animations : Méthodes pour tester et affiner les animations pour un rendu parfait.
Module 5 : Figma vers Webflow en 1 clic !
Apprendre Ă  utiliser un plugin PUISSANT : Figma to Webflow
Comment construire sa maquette pour qu'elle reste stable lors de la conversion
Apprendre à intégrer les balises essentielles pour ne pas gùcher le référencement de son site
L'erreur à ne pas commettre pour éviter d'anéantir sa version mobile avec le plugin