Développez vos compétences en design d’interface et en prototypage avec notre formation Figma, accessible à tous les niveaux. Apprenez à utiliser cet outil collaboratif incontournable pour créer des maquettes, wireframes et prototypes interactifs, et travaillez efficacement sur vos projets UI/UX.
Cette formation, proposée en téléprésentiel avec un formateur expert, vous permet d’apprendre en temps réel, depuis chez vous ou dans un centre Arinfo. Profitez d’une approche pratique et guidée pour acquérir rapidement une maîtrise opérationnelle de Figma.
Quels sont les objectifs de cette formation Figma ?
• Découvrir l’interface et les fonctionnalités principales de Figma.
• Savoir concevoir des wireframes et maquettes pour des sites web et applications.
• Apprendre à créer des prototypes interactifs et à les partager avec des équipes.
• Maîtriser les fonctionnalités collaboratives pour travailler en temps réel avec d’autres utilisateurs.
• Développer une méthodologie professionnelle pour vos projets de design UI/UX.
Introduction au design d'interface (UI)
- Découverte de l'interface utilisateur (UI)
- Place de l’UI dans l’expérience utilisateur (UX)
- Principaux éléments de l’UX
- Rôle et missions de l’UI Designer
Premiers pas avec Figma
- Création d'un compte et choix de la formule adaptée
- Installation de l'application
- Organisation des fichiers et gestion des projets
Prise en main de l'interface
- Exploration de l'environnement de travail
- Création, modification et suppression de frames
- Navigation dans la zone de travail : zoom, déplacements
- Utilisations des grilles et repères
- Création et organisation des pages
Les outils essentiels
- Dessiner des formes simples : contraintes, couleurs, contours
- Gestion des couleurs : création de styles, ajout au document
- Outil plume : dessin de courbes, transformation en tracé
- Manipulation des formes : addition/soustraction
- Organisation des calques et groupes
- Création et personnalisation de texte : choix de polices, styles, mise en forme
- Redimensionnement avec l'outil Scale
Plugins et extensions
- Recherche et installation de plugins
- Présentation des plugins incontournables
- Utilisation concrète des plugins
Manipulation avancée des objets
- Importation et gestion d'images
- Création de masques et application d'effets
- Intégration de tracés vectoriels depuis Illustrator
- Création et modification de composants
- Répétition, alignement et agencement d'éléments
Styles et systèmes graphiques
- Création et modification de styles de texte
- Regroupement et renommage des styles
- Gestion des couleurs et effets
Prototypage interactif
- Création de liens internes et navigation entre frames
- Paramétrage des animations
- Test de prototypes sur ordinateur et mobile
Composants avancés et auto-layout
- Création de composants et gestion des variantes
- Ajout de propriétés interactives
- Mise en place de l'auto-layout pour un design responsive
- Gestion des scrolls verticaux et horizontaux
Intégration HTML/CSS
- Inspection du code généré par les maquettes
- Utilisation de plugins d'export HTML/CSS
Collaboration avec Figma
- Partage, commentaires et édition collaborative
- Travail en temps réel avec plusieurs utilisateurs
- Utilisation des widgets pour enrichir le travail d'équipe