{"id":12,"count":9,"description":"

Concevoir une interface num\u00e9rique ne consiste pas \u00e0 dessiner des \u00e9crans.<\/span><\/p>\r\n

Il faut comprendre les usages, organiser l\u2019information, construire une exp\u00e9rience coh\u00e9rente, prototyper les parcours, anticiper le responsive, structurer des composants et un design system, puis pr\u00e9parer le passage vers le d\u00e9veloppement. L\u2019intelligence artificielle ajoute d\u00e9sormais de nouvelles possibilit\u00e9s : g\u00e9n\u00e9rer une interface ou un prototype, intervenir directement dans un fichier de design, exploiter un design system ou rapprocher davantage conception et code.<\/span><\/p>\r\n

Nos formations UX, UI et Web accompagnent ces diff\u00e9rentes \u00e9tapes, depuis les fondamentaux jusqu\u2019aux workflows les plus avanc\u00e9s.<\/span><\/p>\r\n

UX, UI, Webdesign : des comp\u00e9tences compl\u00e9mentaires<\/span><\/strong><\/h2>\r\n

L\u2019UX Design s\u2019int\u00e9resse \u00e0 l\u2019exp\u00e9rience v\u00e9cue par l\u2019utilisateur : ses besoins, ses parcours, la mani\u00e8re dont l\u2019information est organis\u00e9e et les interactions n\u00e9cessaires pour atteindre son objectif.<\/span><\/p>\r\n

L\u2019UI Design se concentre davantage sur la conception de l\u2019interface elle-m\u00eame : hi\u00e9rarchie visuelle, typographie, couleurs, composants, \u00e9tats, comportements et coh\u00e9rence graphique.<\/span><\/p>\r\n

Le Webdesign articule ces dimensions dans le contexte sp\u00e9cifique du Web, avec ses contraintes de responsive design, d\u2019accessibilit\u00e9, de performance et d\u2019int\u00e9gration.<\/span><\/p>\r\n

Dans la pratique, les fronti\u00e8res sont moins \u00e9tanches qu\u2019elles ne le paraissent. Un Product Designer peut intervenir sur la recherche, les parcours et l\u2019interface. Un UI Designer doit comprendre suffisamment les contraintes du d\u00e9veloppement pour construire des maquettes r\u00e9alistes. Un chef de projet ou Product Owner gagne \u00e0 ma\u00eetriser le vocabulaire et les logiques de ces m\u00e9tiers pour mieux arbitrer et collaborer.<\/span><\/p>\r\n

C\u2019est cette continuit\u00e9 que nous cherchons \u00e0 transmettre dans nos formations : comprendre avant de concevoir, structurer avant de d\u00e9cliner et savoir contr\u00f4ler ce qui sera r\u00e9ellement produit.<\/span><\/p>\r\n

Se former \u00e0 Figma, du premier prototype aux workflows agentiques<\/span><\/strong><\/h2>\r\n

Figma occupe aujourd\u2019hui une place centrale dans la conception d\u2019interfaces et les workflows produit.<\/span><\/p>\r\n

Notre gamme de formations Figma<\/a> permet d\u2019y entrer \u00e0 diff\u00e9rents niveaux.<\/span><\/p>\r\n

Une premi\u00e8re formation permet de prendre en main Figma, l\u2019Auto Layout, les composants, variables et outils de prototypage.<\/span><\/p>\r\n

Le niveau perfectionnement approfondit les design systems, variables et modes, composants complexes, prototypes conditionnels et collaboration avec les d\u00e9veloppeurs dans Dev Mode.<\/span><\/p>\r\n

Deux formations plus sp\u00e9cialis\u00e9es abordent ensuite les \u00e9volutions li\u00e9es \u00e0 l\u2019intelligence 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.<\/span><\/p>\r\n

Cette progression nous para\u00eet importante. G\u00e9n\u00e9rer rapidement une interface ne dispense pas de savoir \u00e9valuer sa hi\u00e9rarchie, son comportement responsive, sa coh\u00e9rence avec un design system ou la qualit\u00e9 de sa structure.<\/span><\/p>\r\n

L\u2019IA acc\u00e9l\u00e8re certaines \u00e9tapes. Elle ne remplace pas les comp\u00e9tences qui permettent de juger et reprendre le r\u00e9sultat.<\/span><\/p>\r\n

Pourquoi comprendre encore HTML et CSS \u00e0 l\u2019heure de l\u2019IA ?<\/span><\/strong><\/h2>\r\n

Parce qu\u2019il est aujourd\u2019hui possible de produire du code sans savoir l\u2019\u00e9crire, mais beaucoup moins facile de savoir s\u2019il est bon.<\/span><\/p>\r\n

Un outil no-code, un CMS ou un assistant IA peut g\u00e9n\u00e9rer une page en quelques secondes. Figma Make peut transformer une intention en prototype fonctionnel et les outils agentiques commencent \u00e0 faire circuler beaucoup plus directement le contexte entre design et d\u00e9veloppement.<\/span><\/p>\r\n

Pour autant, une page web reste structur\u00e9e par du HTML et pr\u00e9sent\u00e9e par des r\u00e8gles CSS.<\/span><\/p>\r\n

Comprendre cette syntaxe et cette logique permet de lire un r\u00e9sultat, identifier une erreur, utiliser l\u2019inspecteur du navigateur, intervenir ponctuellement dans un template ou un CMS et mieux dialoguer avec un d\u00e9veloppeur.<\/span><\/p>\r\n

C\u2019est pr\u00e9cis\u00e9ment le positionnement de notre formation HTML et CSS<\/a> : acqu\u00e9rir suffisamment de culture technique pour comprendre, modifier et contr\u00f4ler du code, sans transformer les participants en d\u00e9veloppeurs front-end.<\/span><\/p>\r\n

Cette comp\u00e9tence prend m\u00eame une nouvelle valeur avec l\u2019IA. Lorsque le premier jet peut \u00eatre g\u00e9n\u00e9r\u00e9 automatiquement, le discernement se d\u00e9place vers la capacit\u00e9 \u00e0 comprendre ce qui a \u00e9t\u00e9 produit, demander la bonne correction et v\u00e9rifier le r\u00e9sultat.<\/span><\/p>\r\n

Design system, responsive, accessibilit\u00e9 : penser au-del\u00e0 de la maquette<\/span><\/strong><\/h2>\r\n

Une interface ne vit jamais uniquement dans le fichier o\u00f9 elle a \u00e9t\u00e9 dessin\u00e9e.<\/span><\/p>\r\n

Elle doit fonctionner avec diff\u00e9rents contenus, diff\u00e9rentes tailles d\u2019\u00e9cran et parfois plusieurs marques ou produits. Elle doit pouvoir \u00eatre comprise et utilis\u00e9e par des publics diff\u00e9rents. Elle doit enfin pouvoir \u00e9voluer sans n\u00e9cessiter de reconstruire chaque \u00e9cran \u00e0 chaque modification.<\/span><\/p>\r\n

C\u2019est l\u00e0 qu\u2019interviennent des notions comme l\u2019Auto Layout, les composants, les variables, les design tokens, le responsive design et l\u2019accessibilit\u00e9.<\/span><\/p>\r\n

Ces sujets ne concernent pas uniquement les sp\u00e9cialistes du design system.<\/span><\/p>\r\n

Ils sont utiles \u00e0 tout professionnel qui participe \u00e0 la conception ou au pilotage d\u2019un produit num\u00e9rique et doit comprendre pourquoi une interface est construite comme un syst\u00e8me plut\u00f4t que comme une collection de maquettes ind\u00e9pendantes.<\/span><\/p>\r\n

La collaboration entre design et d\u00e9veloppement \u00e9volue elle aussi rapidement. Les outils actuels permettent de transmettre aux agents et environnements de d\u00e9veloppement des informations structur\u00e9es provenant directement des fichiers de design, comme les composants, variables ou r\u00e8gles de mise en page.<\/span><\/p>\r\n

Cela renforce encore l\u2019int\u00e9r\u00eat de fichiers correctement construits : plus les outils automatisent le passage entre les diff\u00e9rentes \u00e9tapes, plus la qualit\u00e9 de la structure initiale devient importante.<\/span><\/p>\r\n

\u00c0 quels m\u00e9tiers s\u2019adressent nos formations UX \/ UI \/ Web ?<\/span><\/strong><\/h2>\r\n

Naturellement aux UX Designers, UI Designers, Product Designers et Webdesigners.<\/span><\/p>\r\n

Mais pas uniquement :<\/span><\/p>\r\n