Prochaines dates
Prises en charge OPCO salarié(e)s et entreprises, Pôle Emploi.
Durant cette formation, vous apprendrez à utiliser Figma, LE logiciel de référence pour la conception d’interfaces web et mobiles. De la prise en main de la nouvelle interface UI3 au prototypage avancé, en passant par l’auto-layout Grid et le système de variables.
Mise-à-jour de cette formation : 02/04/2026
L’évaluation peut être réalisée en cours de formation, par un bilan, ou en fin de formation par une auto-évaluation.
Etre à l’aise avec l’outil informatique
Pourquoi vous devriez suivre cette formation en 3 points.
• Contextes et usages actuels du web ;
• Présentation des critères généraux recommandés (Bastien et Scapin / Heuristiques de Nielsen).
• Historique du logiciel et positionnement sur le marché ;
• Comparer et installer Figma en version desktop et en version web.
• Prise en main de l’interface redessinée : toolbar en bas, panneaux réorganisés ;
• Espace de travail (pages, frames, calques, groupes) ;
• Utiliser les panneaux (assets, design et prototype) ;
• Ordonner son fichier (nommage, rangement, grilles et repères).
• Formes géométriques simples, outil texte et images ;
• Outils d’alignement et de redimensionnement ;
• Masques d’écrêtage ;
• Vectoriser une forme, un tracé.
• Les Formes complexes (Pathfinder, Boolean, Plume) ;
• Les Styles, les Couleurs (RGBA, CSS, HSB), le Texte et les effets ;
• Composants et variantes : créer, organiser et réutiliser.
• Appliquer l’auto-layout dans les designs responsives ;
• Gérer ses marges, paddings, et alignement auto des éléments ;
• Grid : le nouveau layout 2D — créer des mises en page type galerie, bento, grilles web ;
• Variables dans les gaps (colonnes et lignes).
• Gestion du scroll ;
• Optimisation et exportation des visuels pour le web ;
• Exporter et importer un fichier .fig.
• Introduction au prototypage et partage avec une équipe ;
• Insérer des commentaires ;
• Introduction au panneau d’inspection.
• Fonctions et utilités dans la conception de design systems ;
• Créer et gérer des variables (couleurs, typo, espacements, composite/array) ;
• Utiliser des variables pour créer des thèmes adaptables selon le contexte (dark/light, branding différent) ;
• Collections étendues pour la gestion multi-marques.
• Mise en place de prototypes interactifs (transitions, animations) ;
• Interaction avec l’utilisateur, gestion des comportements conditionnels ;
• Présentation de prototypes sur différents supports (desktop, mobile).
• Présentation des outils IA intégrés : Figma Make (prompt-to-prototype) et Figma Draw ;
• Outils image IA : Expand, Erase, Isolate, Vectorize ;
• Démonstration et cas d’usage dans un workflow créatif.
Situé dans le Vieux-Lille, nous vous accueillons de 09h15 à 17h15 avec une pause de 12h15 à 13h15. Vous pouvez rester sur place ou déambuler dans notre quartier.
Le parking n’est pas bon marché dans notre rue et on vous conseille de stationner sur l’esplanade pour 12€ la journée, puis de marcher 5 mn pour nous rejoindre.
Près de notre agence, moult arrêts de bus (Rue Royale et Rue St André) qui vous déposeront à 100m des locaux. Le métro Rihour, est à 10 mn de marche bienfaitrice des bureaux.
Les pavés du Vieux-Lille vont vous réveiller le matin mais nous aussi, on aime venir en vélo alors pas d’excuses. D’autant plus que des stations V’Lille sont juste à côté !
Nous sommes à 15mn à pied des gares Lille Flandres et Europe. En venant, arrêtez-vous chez Meert, prendre quelques unes de leurs mythiques gaufres.
Freiner grâce aux frottements dans l’atmosphère, bloquez votre bouclier thermique. Larguer celui-ci entre mach 1 et mach 2. Ouvrir les parachutes. Atterrir.
Durant cette formation, nous allons vous appréhender les problématiques d’accessibilité côté développement, mais aussi côté obligation légale et UX / UI Design.
Mise-à-jour de cette formation : 12/11/2024
Durant cette formation, nous allons vous apprendre à concevoir une interface utilisateur dédiée au mobile et/ou au web via le logiciel Adobe XD.
Mise-à-jour de cette formation : 01/06/2023
Durant cette formation, nous allons vous apprendre à concevoir une interface utilisateur dédiée au mobile et/ou au web via le logiciel Sketch, outil plébiscité par nombre de webdesigners.
Mise-à-jour de cette formation : 01/06/2023
Durant cette formation, nous allons vous apprendre à mettre en place ce CMS entièrement dédié au e-commerce et que l’on recommande dès lors que votre catalogue comporte de très nombreux produits.
Mise-à-jour de cette formation : 01/11/2023
Durant cette formation, nous allons vous apprendre à concevoir une interface optimisée pour les utilisateurs en respectant des standards du milieu web, mais aussi psychologiques afin de favoriser les interactions des utilisateurs finaux.
Mise-à-jour de cette formation : 12/11/2024
Durant cette formation, nous allons vous apprendre à mettre en place et utiliser cette extension spécifique WordPress dédiée au e-commerce. Ou comment transformer votre site en boutique en ligne en un claquement de doigts !
Attention, la connaissance de WordPress est indispensable !
Mise-à-jour de cette formation : 12/12/2024
