Se connecter

Cours gratuit de conception d'interface utilisateur en ligne avec Figma

Retour aux cours
Cours gratuit de conception d'interface utilisateur en ligne avec Figma L'apprentissage à distance Gratuit Formattemp En cours

« Nuove Frontiere Lavoro », en collaboration avec l'organisme de formation « Idee Insieme » et grâce au fonds « Formatemp », publie un cours de conception d'interfaces utilisateur avec Figma (en ligne) – gratuit

Dans le paysage numérique actuel, fait d'écrans multidimensionnels, savoir concevoir des interfaces graphiques cohérentes et des prototypes fonctionnels et évolutifs — des applications mobiles aux sites web, des logiciels de gestion aux systèmes domotiques — est devenu une compétence fondamentale pour tout graphiste.

Le concepteur d'interface graphique Le concepteur d'interface utilisateur (User Interface Designer), souvent employé au sein d'agences de communication, d'agences web, de studios de design graphique et de maisons d'édition, est la figure clé qui traduit une logique d'interaction complexe en interfaces graphiques intuitives, accessibles et esthétiquement cohérentes.

L'outil leader du secteur est Figma, un logiciel collaboratif qui gère l'intégralité du processus de conception visuelle : de l'étude du mood board et du concept au prototype interactif final, adaptable à de multiples appareils. Grâce à ses fonctionnalités, Figma Il s'agit d'un environnement unique pour la création, la gestion et la documentation de systèmes de conception complexes.

CIBLE: Ce cours vise à former des spécialistes immédiatement opérationnels en conception d'interfaces utilisateur (UI), maîtrisant parfaitement Figma. À l'issue de la formation, les participants seront capables de gérer de manière autonome l'intégralité du processus de conception visuelle, en particulier l'interface utilisateur et le prototypage.

À la fin de ce cours, le concepteur d'interface utilisateur sera capable de :

• Concevoir des interfaces utilisateur complètes, cohérentes et réactives (évolutives) sur tous les appareils, en gérant la typographie et les styles de couleurs globaux ;

• créer des prototypes haute fidélité qui simulent de manière réaliste l'interaction ;

• maîtriser Figma ;

• utiliser des fonctionnalités clés telles que les contraintes, la mise en page automatique et les composants ;

• appliquer des techniques d'animation et de transition intelligentes ;

• concevoir, documenter et maintenir un système de conception efficace et évolutif ;

• Partagez votre projet avec l'équipe ;

• Appliquer les principes d’accessibilité et d’utilisabilité.

Plus précisément, les élèves auront acquis la capacité de :

• Profitez au maximum du plan gratuit de Figma ;

• Gérez facilement votre espace de travail Figma Design ;

• étudier un nouveau projet avec Figma Jam ;

• créer des hypothèses fonctionnelles à l’aide de l’intelligence artificielle ;

• dessiner la structure du projet avec des wireframes et construire un prototype fonctionnel ;

• Créer un tableau d'inspiration de référence.

• créer des styles de couleurs, des typographies et des effets ;

• gérer les formats et créer des grilles de travail appropriées ;

• créer des graphiques vectoriels ;

• créer des graphiques évolutifs ;

• créer des composants et des variantes ;

• créer des variantes avancées ;

• créer des animations intelligentes ;

• construire des interactions macro et micro ;

• créer des prototypes de base et des prototypes avancés ;

• utiliser des plugins et des widgets ;

• exploiter le matériel communautaire ;

• élaborer un système de conception détaillé ;

• créer des bibliothèques de composants ;

• consulter le développeur ;

• interagir avec le client.

ORGANISME FINANCIER : Formattemp

ORGANISME PROMOTEUR : Spa de travail New Frontiers

ORGANISME D'EXÉCUTION : Idées ensemble soc.coop.soc.

COÛT: Le cours est gratuit (financé par Formatemp);

DURÉE: 168 HEURES à partir du jour 20 AVRIL par jour 19 Juin 2026 – 42 jours de CLASSE VIRTUELLE (En ligne) pendant 4 heures ;

CERTIFICAT: de fréquence (minimum 70 % du total des heures, y compris la présence aux cours obligatoires);

COURS EN CLASSE VIRTUELLE : à partir de lundi à vendredi h 09.30 alle 13.30;

ADHÉSIONS : Pour soumettre votre candidature, vous devez vous inscrire sur le site web. http://www.ideeinsieme.it/index.php/register | et, une fois que vous avez téléchargé vos documents personnels et votre CV, saisissez CANDIDATS (Avant le 16/04/2026 à 17h00)

CONDITIONS DE PARTICIPATION : Ce cours s'adresse aux candidats aux missions de travail temporaires. (chômeurs et sans emploi) inscrit et sélectionné par l'agence pour l'emploi ;

- pour les étrangers, connaissance de la langue et de la grammaire italiennes, même sans certification ;

- Vous devez disposer d'un ordinateur de bureau (ordinateur de bureau), ordinateur portable ou tablette avec une connexion filaire stable, webcam et microphone ;

MÉTHODE DE SÉLECTION : L'accès au cours se fera par le biais de plusieurs étapes préliminaires :

- Soumission correcte des documents requis ;

- Analyse du CV soumis ;

- Vérifiez les dispositifs de connexion qui seront utilisés lors de la vidéoconférence ;

SÉLECTIONS : Les personnes qui se sont inscrites seront contactées par courriel pour confirmation. (avant le 16/04/2026 à 18h00) de la vérification des dispositifs de connexion de vidéoconférence prévue le 17/04/2026 à partir de 10h30 en groupe ;

ISCRIZIONI : Les candidats sélectionnés seront contactés par courriel et par téléphone. (avant le 17/04/2026 à 18h00) pour participer à la première journée de cours le 20 janvier 2026 à 04h09.30 sur la plateforme en ligne après l'envoi du lien d'inscription.

Modules de cours

1.1

Connaître Figma

Qu'est-ce que Figma ? Découvrez le forfait gratuit, les applications incluses et leurs fonctionnalités, leurs différences, leurs possibilités et leurs limitations, ainsi que l'organisation des espaces de travail, en particulier pour la conception avec Figma. Vous y trouverez notamment les principaux outils, panneaux, menus, le panneau des calques, le panneau des ressources, la zone de conception et la zone de prototypage.

Introduction à la conception d'interfaces utilisateur : Différences entre la conception d'interface utilisateur (UI) et la conception d'expérience utilisateur (UX), qu'est-ce que le prototypage et pourquoi l'utiliser, les principes fondamentaux de la conception d'interface utilisateur, que signifient accessibilité et convivialité. Qu'est-ce que le maquettage de sites web ? Qu'est-ce que le « mobile first » ? Structures de sites web.

Premiers pas sur Figma : cadres, formats disponibles, outils de base, commencer à développer une idée, demander de l'aide à l'intelligence artificielle, créer des maquettes, imaginer des pages Web, brainstorming sur Figma Jam, construire un prototype fonctionnel en basse fidélité.

Travailler avec des graphiques vectoriels : Création de formes simples et complexes, utilisation de masques et de l'outil de création de formes, avec crayon, stylo et pinceau. Comment concevoir un dépliant et une brochure pour l'impression. Utilisation de lignes, de colonnes et de grilles. Exportation d'objets et de fichiers.

Principes de conception visuelle et de cohérence : Où trouver l'inspiration, comment rassembler la documentation et créer un mood board ? Comment utiliser la couleur et constituer une palette ? Comment garantir des contrastes efficaces et accessibles ? Réfléchir à la typographie : quelles polices utiliser et quelles tailles ? Créer une hiérarchie et une accessibilité grâce à la typographie.

Interactions et transitions : Création de boutons, prototypage des modes de travail et des paramètres, des raccourcis clavier, des animations, des interactions et des micro-animations, gestion des transitions. Partage du fichier avec l'équipe, échanges avec elle, rédaction de commentaires. Utilisation de Figma sur smartphones.

2.1

Le système de conception

Organisation du projet et flux de travail optimal : Plugins, widgets, communauté. Modèles, documentation disponible, utilisation et exploration du travail d'autres personnes. Identification des objets et leur adaptation à vos besoins. Conception « atomique ».

L'agencement de la voiture : Créez des objets en tenant compte de leurs dimensions, de leur espacement et de leur mise à l'échelle. Appliquez des contraintes et apprenez à les gérer, créez une mise en page automatique, ajustez son flux et son espacement, ainsi que sa réactivité et sa mise à l'échelle. Créez des objets et des onglets responsifs. Créez des barres de navigation adaptatives visibles et masquées. Créez des mises en page automatiques imbriquées.

Les composants : Créez des composants individuels et groupés, organisez-les et gérez la nomenclature des fichiers. Utilisez et modifiez les instances. Créez des variantes. Utilisez les variantes pour les micro-interactions et les animations avancées. Créez des formulaires et des boutons animés pour les pages de saisie de données et gérez les propriétés des composants.

Styles globaux : Créez des styles de texte et de couleur globaux, et une bibliothèque. Concevez un kit d'interface utilisateur. Gérez les images, créez des styles d'image et gérez les vidéos. Utilisez des composants, la mise en page automatique et les styles globaux pour créer un site adaptatif. Créez des pages d'accueil et des pages d'en-tête adaptatives.

Comparer: Partage progressif du travail avec le développeur, de la phase de conception du framework à la maquette du site. Corrections continues. Interaction et gestion du client. Présentation du travail final et livraison du fichier source. Introduction à Figma Sites : fonctionnement, avantages et inconvénients. Découverte de Framer. Outils de base. Similitudes entre Framer et Figma.

Remarques sur l'expérience utilisateur : UX vs UI, conception centrée sur l'utilisateur, processus UX et design thinking, recherche utilisateur simplifiée, définition du problème. Principes fondamentaux de l'utilisabilité, tests et itérations, rédaction UX, accessibilité vs utilisabilité.

3.1

Droits et devoirs des travailleurs temporaires

Droits et devoirs des travailleurs temporaires

4.1

Santé et sécurité au travail

Santé et sécurité au travail