L'apprentissage à distance
Gratuit
Formattemp
« Nuove Frontiere Lavoro », en collaboration avec l'organisme de formation « Idee Insieme », publie un cours de conception d'interface utilisateur avec Figma – gratuit sur la plateforme en ligne et financé par le fonds Forma.Temp .
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 (concepteur d'interface utilisateur), 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 de référence du secteur est Figma , un logiciel collaboratif qui gère l'intégralité du processus de conception visuelle : de la création du moodboard et du développement du concept jusqu'au prototype interactif final, adaptable à différents appareils. Grâce à ses fonctionnalités, Figma offre un environnement unique pour créer, gérer et documenter des systèmes de conception complexes.
OBJECTIF : Former un spécialiste immédiatement opérationnel 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'ensemble 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 : Forma.Temp
PROMOTION DE L'ORGANISME : Spa New Frontiers Work
ORGANISME D'EXÉCUTION : Idee Insieme soc.coop.soc.
COÛT : le cours est gratuit (financé par Forma.Temp ) ;
DURÉE : 160 HEURES du 08 JUIN au 31 JUILLET 2026 – 40 jours de CLASSE VIRTUELLE (en ligne) de 4 heures chacun ;
ATTESTATION : participation à au moins 70 % du nombre total d’heures du projet et/ou atteinte des objectifs définis. De plus, pour les participants ne disposant pas de crédits de formation, participation à au moins 90 % des heures du module « Santé et sécurité générales » et à au moins 70 % des heures du module « Droits et responsabilités des travailleurs temporaires ».
COURS EN CLASSE VIRTUELLE : du lundi au vendredi de 14h00 à 18h00 ;
CONDITIONS DE PARTICIPATION : Ce cours s’adresse aux candidats à l’emploi temporaire (chômeurs et personnes sans emploi) inscrits et sélectionnés par l’Agence pour l’emploi ;
- pour les étrangers, connaissance de la langue et de la grammaire italiennes, même sans certification ;
- vous avez besoin d'un PC de bureau , d'un ordinateur portable ou d'une tablette avec une connexion filaire stable, une webcam et un microphone ;
MÉTHODE DE SÉLECTION : L’accès au cours se fera en 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 inscrites seront contactées par courriel pour confirmation (avant 18.00 h le 04/06/2026) de la vérification des appareils de connexion à la vidéoconférence prévue à partir de 11.30 h le 05/06/2026 en groupe ;
INSCRIPTION : Les personnes sélectionnées seront contactées par courriel et par téléphone (avant 18 h le 05 juin 2026) pour participer à la première journée de cours le 08 juin 2026 à 9 h 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 ? Accès à la version gratuite, fonctionnalités des applications incluses, différences de fonctionnalités, possibilités et limitations, présentation des espaces de travail, et focus sur la conception avec Figma. L'espace de travail comprend les principaux outils, panneaux, menus, le panneau des calques et le panneau des ressources, ainsi que les zones de conception et de prototypage.
Introduction à la conception d'interfaces utilisateur : différences entre conception d'interface (UI) et d'expérience utilisateur (UX), prototypage (en anglais et en anglais), principes fondamentaux de la conception d'interfaces utilisateur, définitions d'accessibilité et d'utilisabilité. Qu'est-ce que le maquettage ? Qu'est-ce que l'approche « mobile first » ? Structure d'un site web.
Premiers pas avec Figma : cadres, formats disponibles, outils de base, développement d’une idée, demande d’aide à l’intelligence artificielle, création de maquettes, conception de pages web, brainstorming sur Figma Jam, création d’un prototype fonctionnel basse fidélité.
Utilisation des graphiques vectoriels : formes simples et complexes, masques et outil de création de formes, crayon, stylo et pinceau. Création de dépliants et de brochures pour l’impression. Utilisation des lignes, des colonnes et des 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éflexion sur la typographie : quelles polices utiliser et quelles tailles ? Créer une hiérarchie visuelle et assurer l’accessibilité grâce à la typographie.
Interactions et transitions : création de boutons, prototypage des modes de travail et des paramètres, raccourcis clavier, navigation, création d’interactions et de micro-animations, gestion des transitions. Partage du fichier avec l’équipe, interaction avec l’équipe, ajout 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 ».
Mise en page automatique : Création d’objets prenant en compte les dimensions de base, l’espacement et la mise à l’échelle. Application et gestion des contraintes, création d’une mise en page automatique, ajustement de son flux et de son espacement, et adaptation de sa réactivité et de sa mise à l’échelle. Création d’objets et d’onglets responsifs, ainsi que de barres de navigation visibles et masquées. Création de mises en page automatiques imbriquées.
Composants : Création de composants individuels et groupés, organisation des composants, gestion de la nomenclature des fichiers. Utilisation et modification des instances. Création de variantes. Utilisation des variantes pour les micro-interactions. Utilisation des variantes pour les animations avancées. Création de formulaires et de boutons animés pour les pages de saisie de données et les propriétés des composants.
Styles globaux : Créez des styles de texte et de couleur globaux, et une bibliothèque. Créez 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.
Discussion : Partage progressif du travail avec le développeur, de la phase de prototypage à la maquette finale du site. Corrections en cours de projet. Échanges et suivi avec le client. Présentation du projet 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.
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
Santé et sécurité au travail
Santé et sécurité au travail
4.1
Droits et devoirs des travailleurs temporaires
Droits et devoirs des travailleurs temporaires