FIGMA IA : optimisez votre UI design | Niv débutant
- Formation en modalités adaptables
- 02 jours (14 heures)
- 1100 € HT/pers & /jour*
- Groupe ou Individuel
- Formatcode 46286
*Prix par participant, valable pour les groupes de 4 personnes et plus. Prix final sur devis.
Figma est un outil puissant pour concevoir des interfaces interactives et collaboratives. Cette formation niveau débutant vous permettra de débuter un projet sur Figma et d’en comprendre les composants essentiels. Vous apprendrez à exploiter les plugins AI comme GPT, DALL-E et Runway pour enrichir vos interfaces, tout en découvrant comment utiliser Vizcom et Midjourney pour concevoir des wireframes avancés à intégrer directement dans Figma. Grâce à une approche pratique, vous explorerez le prototypage d’interactions et d’animations fluides, tout en maîtrisant les fonctionnalités de collaboration pour optimiser vos échanges et votre travail d’équipe. Vous serez également initié aux principes de versionnage et de gestion de fichier, garantissant une structuration efficace de vos projets.
- Acquérir les compétences nécessaires pour débuter un projet sur Figma.
- Développer une compréhension approfondie des composants et de leurs propriétés.
- Utiliser les plugins AI (GPT / Dally / Runway) pour ajouter du contenu dans vos interfaces.
- Utiliser Vizcom et Midjourney pour designer des wireframes avancés à importer dans Figma.
- Apprendre à prototyper des interactions et des animations fluides avec Figma.
- Maîtriser les fonctionnalités de collaboration et de partage de travail sur Figma.
- Comprendre les principes de versionnage et de gestion de fichier sur Figma.
- Objectif de fin de journée J1 : créer un design simple et partageable sous Figma avec la bonne méthodologie
- Objectif de fin de journée J2 : créer un design avec plusieurs versions & flow pour tester l’expérience utilisateur.
- Découvrir Figma
– Gérer son compte Figma (Team, facturation, Autorisations)
– Organiser son travail en équipe
– Présentation de Figma community
– Se repérer dans l’interface (outils, pages…), créer une wireframe réaliste avec l’AI Vizcom
- Bien débuter un projet sur Figma
– Créer et paramétrer un document
– Créer et manipuler les styles (Layout, couleurs, fonts)
– Publication et gestion des librairies
– Inclure des plugins, notamment de génération d’image par AI pour créer les pré-intégrer des maquettes
– Exercice pratique : Création d’une librairie pour les deux jours
- Maîtriser les composants
– Connaître et manipuler les différents containers sur Figma (Group / Frame / Autolayout / Sections)
– Gérer les contraintes responsives des éléments
– Connaître et distinguer les type de composants, créer des composants simples
- Maîtriser les spécificités de Figma
– Ajouter des éléments générer avec les plugins GPTs AI
– Créer des propriétés de composants
– Créer des variants
– Créer des interactions basiques entre les variants
– Exercice pratique : Réaliser un “slider”
- Prototyper avec Figma
– Les triggers et animations sur Figma
– Découverte de smart animate
– Créer des contenus animer avec Runway AI pour les prototypes
– Créer un prototype interactif pour relier les écrans
– Exercice pratique : Créer un prototype simple et interactif
- Collaborer et partager son travail
– Créer des flows sous forme de lien partageable
– Inviter des utilisateurs à collaborer
– Partager son travail avec le bon niveau de sécurité
– Commenter un prototype
– Découvrir les plugins et widgets indispensables pour améliorer le workflow
– Versionner son fichier et gérer les différentes versions
- Présentiel : Lille - Paris - Nantes - Rennes - Bordeaux - Caen - Angers - Laval / ou distantiel
