Formations UX / UI / Web - HTML, CSS, Figma, Webflow, animation…

Concevoir une interface numérique ne consiste pas à dessiner des écrans.

Il faut comprendre les usages, organiser l’information, construire une expérience cohérente, prototyper les parcours, anticiper le responsive, structurer des composants et un design system, puis préparer le passage vers le développement. L’intelligence artificielle ajoute désormais de nouvelles possibilités : générer une interface ou un prototype, intervenir directement dans un fichier de design, exploiter un design system ou rapprocher davantage conception et code.

Nos formations UX, UI et Web accompagnent ces différentes étapes, depuis les fondamentaux jusqu’aux workflows les plus avancés.

UX, UI, Webdesign : des compétences complémentaires

L’UX Design s’intéresse à l’expérience vécue par l’utilisateur : ses besoins, ses parcours, la manière dont l’information est organisée et les interactions nécessaires pour atteindre son objectif.

L’UI Design se concentre davantage sur la conception de l’interface elle-même : hiérarchie visuelle, typographie, couleurs, composants, états, comportements et cohérence graphique.

Le Webdesign articule ces dimensions dans le contexte spécifique du Web, avec ses contraintes de responsive design, d’accessibilité, de performance et d’intégration.

Dans la pratique, les frontières sont moins étanches qu’elles ne le paraissent. Un Product Designer peut intervenir sur la recherche, les parcours et l’interface. Un UI Designer doit comprendre suffisamment les contraintes du développement pour construire des maquettes réalistes. Un chef de projet ou Product Owner gagne à maîtriser le vocabulaire et les logiques de ces métiers pour mieux arbitrer et collaborer.

C’est cette continuité que nous cherchons à transmettre dans nos formations : comprendre avant de concevoir, structurer avant de décliner et savoir contrôler ce qui sera réellement produit.

Se former à Figma, du premier prototype aux workflows agentiques

Figma occupe aujourd’hui une place centrale dans la conception d’interfaces et les workflows produit.

Notre gamme de formations Figma permet d’y entrer à différents niveaux.

Une première formation permet de prendre en main Figma, l’Auto Layout, les composants, variables et outils de prototypage.

Le niveau perfectionnement approfondit les design systems, variables et modes, composants complexes, prototypes conditionnels et collaboration avec les développeurs dans Dev Mode.

Deux formations plus spécialisées abordent ensuite les évolutions liées à l’intelligence artificielle : Figma Make pour transformer un brief en interface et prototype fonctionnel, puis Figma Agent, les skills et le MCP pour structurer des workflows de design plus agentiques.

Cette progression nous paraît importante. Générer rapidement une interface ne dispense pas de savoir évaluer sa hiérarchie, son comportement responsive, sa cohérence avec un design system ou la qualité de sa structure.

L’IA accélère certaines étapes. Elle ne remplace pas les compétences qui permettent de juger et reprendre le résultat.

Pourquoi comprendre encore HTML et CSS à l’heure de l’IA ?

Parce qu’il est aujourd’hui possible de produire du code sans savoir l’écrire, mais beaucoup moins facile de savoir s’il est bon.

Un outil no-code, un CMS ou un assistant IA peut générer une page en quelques secondes. Figma Make peut transformer une intention en prototype fonctionnel et les outils agentiques commencent à faire circuler beaucoup plus directement le contexte entre design et développement.

Pour autant, une page web reste structurée par du HTML et présentée par des règles CSS.

Comprendre cette syntaxe et cette logique permet de lire un résultat, identifier une erreur, utiliser l’inspecteur du navigateur, intervenir ponctuellement dans un template ou un CMS et mieux dialoguer avec un développeur.

C’est précisément le positionnement de notre formation HTML et CSS : acquérir suffisamment de culture technique pour comprendre, modifier et contrôler du code, sans transformer les participants en développeurs front-end.

Cette compétence prend même une nouvelle valeur avec l’IA. Lorsque le premier jet peut être généré automatiquement, le discernement se déplace vers la capacité à comprendre ce qui a été produit, demander la bonne correction et vérifier le résultat.

Design system, responsive, accessibilité : penser au-delà de la maquette

Une interface ne vit jamais uniquement dans le fichier où elle a été dessinée.

Elle doit fonctionner avec différents contenus, différentes tailles d’écran et parfois plusieurs marques ou produits. Elle doit pouvoir être comprise et utilisée par des publics différents. Elle doit enfin pouvoir évoluer sans nécessiter de reconstruire chaque écran à chaque modification.

C’est là qu’interviennent des notions comme l’Auto Layout, les composants, les variables, les design tokens, le responsive design et l’accessibilité.

Ces sujets ne concernent pas uniquement les spécialistes du design system.

Ils sont utiles à tout professionnel qui participe à la conception ou au pilotage d’un produit numérique et doit comprendre pourquoi une interface est construite comme un système plutôt que comme une collection de maquettes indépendantes.

La collaboration entre design et développement évolue elle aussi rapidement. Les outils actuels permettent de transmettre aux agents et environnements de développement des informations structurées provenant directement des fichiers de design, comme les composants, variables ou règles de mise en page.

Cela renforce encore l’intérêt de fichiers correctement construits : plus les outils automatisent le passage entre les différentes étapes, plus la qualité de la structure initiale devient importante.

À quels métiers s’adressent nos formations UX / UI / Web ?

Naturellement aux UX Designers, UI Designers, Product Designers et Webdesigners.

Mais pas uniquement :

• Les graphistes et directeurs artistiques peuvent élargir leur pratique vers le design d’interface et acquérir les méthodes nécessaires pour concevoir des supports numériques évolutifs.
• Les Product Managers, Product Owners et chefs de projet digitaux peuvent mieux comprendre les parcours, prototypes, design systems et contraintes techniques avec lesquels ils travaillent quotidiennement.
• Les responsables marketing et communication digitale peuvent gagner en autonomie lorsqu’ils pilotent un site, une landing page, un produit ou des contenus interactifs.
• Les développeurs et profils hybrides design / code peuvent enfin approfondir la circulation entre maquette, design system et implémentation.

Le bon parcours dépend donc moins de l’intitulé du métier que du problème à résoudre et du degré d’autonomie recherché.

Une problématique UX, UI ou Web ? Parlons-en

Une partie importante de ce domaine est volontairement proposée en intra / sur mesure.

Culture UX, conception produit, design system, Webflow ou no-code, architecture d’information, accessibilité, workflows design-to-code, optimisation d’un environnement Figma, pratiques collaboratives : ces besoins prennent souvent davantage de sens lorsqu’ils sont replacés dans le contexte réel d’une organisation : 

• Une équipe peut par exemple disposer d’un design system devenu difficile à maintenir.
• Une direction digitale peut chercher à harmoniser les pratiques de designers répartis entre plusieurs produits.
• Une équipe communication peut devoir gagner en autonomie sur la création de landing pages sans devenir une équipe de développement.
• Designers et développeurs peuvent rencontrer des difficultés récurrentes au moment du handoff.
• Une organisation peut enfin chercher à déterminer où introduire les nouveaux outils IA et agentiques sans déstabiliser ses méthodes existantes.

Dans ces situations, nous préférons commencer par le problème plutôt que par le catalogue.

Nous pouvons analyser vos pratiques, vos outils, le niveau des participants et quelques cas représentatifs, puis déterminer s’il existe déjà une formation adaptée ou s’il est préférable de construire un programme spécifique.

Vous avez une problématique liée à l’UX, l’UI, Figma, au Webdesign ou à votre workflow de conception numérique ? Contactez-nous et décrivez-nous simplement le contexte. Nous verrons ensemble ce qu’une formation peut réellement apporter.

FAQ

Quelle différence entre une formation UX et une formation UI ?

Une formation UX travaille principalement la compréhension des utilisateurs, l’architecture de l’information, les parcours et les méthodes permettant d’évaluer une expérience. Une formation UI se concentre davantage sur la conception de l’interface, sa hiérarchie visuelle, ses composants et ses comportements. Dans un projet réel, les deux disciplines sont étroitement liées.

Faut-il savoir coder pour travailler en UX/UI ?

Pas nécessairement. Les UX, UI et Product Designers n’ont pas besoin d’être développeurs. Comprendre les fondamentaux du HTML et des CSS reste néanmoins utile pour anticiper certaines contraintes, mieux dialoguer avec les équipes techniques et contrôler les résultats produits par les outils no-code ou l’IA.

Quelle formation Figma choisir ?

Si vous débutez, commencez par « Figma : réussir sa prise en main ». Le niveau « gagner en efficacité » est destiné aux utilisateurs déjà autonomes qui souhaitent approfondir design systems, variables et prototypes avancés. Figma Make et la formation Agent, skills et MCP répondent ensuite à des usages IA plus spécialisés. Retrouvez cette progression dans notre gamme de formations Figma.

Peut-on construire une formation UX/UI/Web entièrement sur mesure ?

Oui. Si votre besoin porte sur un outil, une méthode, un design system, un workflow ou une problématique propre à votre organisation, nous pouvons partir de vos fichiers et de vos cas d’usage pour construire un programme adapté plutôt que d’imposer un contenu catalogue.