Plongez dans l'UI Design Responsive avec 'Figma Express' – une formation concise de 4 heures que j'ai conçue spécialement pour les débutants et les designers de niveau intermédiaire. Apprenez à utiliser Figma pour créer des designs adaptatifs, avec un focus sur les dernières fonctionnalités pratiques. Bénéficiez d'un accès à vie, y compris les mises à jour futures, pour garder vos compétences de design à jour. Parfait pour ceux qui veulent rapidement maîtriser Figma sans se perdre dans des tutoriels complexes.
Vous voulez apprendre à créer des UI design responsive sous Figma, mais vous vous sentez submergé par la quantité de ressources ?
Rejoignez "Figma express", ma formation pour maîtriser l'UI Design sous Figma en 4h sans perdre de temps.
Conçue spécialement pour les débutants et les designers de niveau intermédiaire, cette formation vous guide à travers les dernières mises à jour et fonctionnalités pratiques de Figma.
Maîtriser auto-layout et les variables (Text / Color / String / Boolean)
Apprentissage bien structuré : Gagnez du temps et concentrez vous sur ce qui est important pour pouvoir maîtriser Figma rapidement.
Accès à Vie et Mises à Jour : Bénéficiez d'un accès à vie à la formation, y compris toutes les futures mises à jour.
Contenu Pratique et Direct : Apprenez par l'exemple avec des projets concrets pour appliquer immédiatement vos compétences.
Je m'engage à vous accompagner
EXPERTE FRANCOPHONE EN UX ET UI DESIGN
Experte en product design, la référence francophone, j'ai déjà accompagné des centaines d'élèves sur Figma.
Je partage mon expérience au travers de formations, de vidéos sur Youtube, LinkedIn, Instagram, Facebook et TikTok auprès de + de 21 000 followers.
Je t'aide à optimiser ton temps d'apprentissage.
Être à jour sur les fonctionnalités de Figma sans perdre du temps à chercher.
Découvrez les principes du design responsive et pourquoi il est crucial pour offrir une expérience utilisateur optimale
Apprenez comment adapter les designs pour différents appareils et résolutions
Explorez les meilleures pratiques pour concevoir des interfaces réactives et flexibles
Familiarisez-vous avec les dernières fonctionnalités et mises à jour de Figma, notamment les variables pour une gestion optimisée des styles et les mises à jour d'auto-layout pour faciliter l'ajustement des éléments
Comment les variables peuvent vous faire gagner un temps monstrueux sur tous vos prochains projets ?
Apprenez à tirer parti de ces nouveautés pour améliorer votre workflow et créer des designs encore plus performants
Explorez les techniques pour créer des mises en page flexibles et adaptatives
Apprenez à optimiser l'expérience utilisateur et à gérer les interactions
Comment organiser son fichier, ses pages et ses calques ?
Quelle convention de nommage utiliser ?
Concevez les éléments clés de l'interface Airbnb adaptables à toutes les tailles d'écran, en utilisant les fonctionnalités avancées de Figma
Aurore Diezma, fondatrice de MIRA Conception, une société spécialisée dans l'UX et l'UI Design.
Chef de projet
Je viens de commencer la formation et c'est juste parfait !
Tes explications sont claires, pas à pas, merci pour tes tips !
__
UX designer
Cette formation m'a appris à organiser efficacemment mes projets. J'ai pu mettre ça en application direct !
Grâce à Jessica, j'ai pu me mettre à jour sur les dernières nouveautés de Figma. Et je comprends l'intérêt des variables, une fois fait j'ai mis ça en place sur mon projet et après j'ai dupliqueé sur un autre projet ! C'est juste énorme le temps que j'ai gagné !
Et le gros + Jessica a été super réactive pour répondre à mes questions.
Merci beaucoup pour ce que tu fais !
Je voulais une formation pour me mettre à jour sur Figma. C'est chose faite.
Quand je lui ai posé une question plus complexe, elle n'a pas hésité à faire une visio avec moi !
Merci encore !
Si vous avez d'autres questions écrivez-moi dans le chat :)
Débutant
UX / UI / Product / Web designer
Graphiste
aux personnes souhaitant passer de Sketch ou XD à FIGMA
aux personnes en reconversion en UX / UI / Web designer
Se perfectionner en responsive web design
Chef de projet
Toute personne devant utiliser FIgma dans le cadre de la conception et la création d'interface
Les pré-requis
une bonne connaissance du Web est conseillé
avoir une bonne maîtrise de son environnement informatique
connaître les bases de Figma
Tu seras capable de :
créer des composants responsives
créer des pages complètes de type accueil et détail.
reproduire des pages du site airbnb complètement responsive avec des composants complexes.
utiliser les variables de type : color, text, string, boolean
maîtriser auto-layout avec ses dernières mises à jour
bien organiser tes fichiers
bien structurer une partie du design system présent dans Figma : Librairie de composants, charte graphique etc...)
Figma est un outil de conception d'interface, collaboratif.
Cette formation va te permettre de créer des composants, des pages complètements responsives.
Et surtout, elle va te permettre de GAGNER BEAUCOUP DE TEMPS dans ton processus de conception.
Mais aussi de mettre en place de bonnes pratiques pour bien structurer ton projet et le reproduire sur tes autres projets = GAIN DE TEMPS.
Module 1 :
Introduction :
Responsive design, à quoi ça sert ?
Atomic design, qu'est-ce que c'est ?
Module 2 :
Mise en place du projet Airbnb dans Figma :
Bien structurer vos pages
Mise en place des grilles + Constraint
Mise en place des styles
Conventions de nommages
Exercices
Module 3 :
Création de l'UI Design :
Variables color & text
Tokenisation
Maîtriser auto-layout
Variables de type boolean
Variables : les modes
Variables de type string
Exercice
Module 4 :
Continuer le design pour aller plus loin :
Galerie responsive
LIste responsive
Carrousel responsive
Page détail
Exercice
Module 5 :
Prototype & partage :
Prototype animation type sticky
Partage
Prototype mobile
Exercice
Fichiers Figma à télécharger
Tout à fait. En rejoignant la formation, Vous aurez accès au groupe privé de la formation, où vous pourrez me poser des questions.
Vous pourrez également me poser vos questions via le Chat. Je réponds rapidement.
Pas de panique ! Vous réalisez la formation à votre rythme et je suis là pour vous accompagner de la meilleure façon. J'ai créé la formation de la manière la plus pédagogue possible pour vous permettre d’assimiler facilement les différents concepts.
Accès immédiat | 5 modules | 4h de contenu
Nous allons voir :
comment organiser ses pages et ses calques ?
Comment créer des grilles fluides et utiliser "Constraint" ?
Les conventions de nommage
Création des composants et styles globaux
Dans ce module, nous allons voir, les nouvelles mise à jour de Figma au travers, des variables, des composants et d'auto-layout.
Dans ce module, nous allons revoir les points abordés précédemment, en allant plus loin, tout en complétant notre UI Design.
Dans ce module, nous allons voir comment créer des liens simples entre des pages, mais aussi comment utiliser la position sticky.