Formation Figma Initiation
| € HT / personne |
| 2 jours (14 heures) |
Présentation
La formation Figma Initiation va vous permettre de découvrir les fondamentaux du design d’interface.
Apprenez à exploiter pleinement les fonctionnalités de Figma, un outil incontournable dans le monde du design, pour donner vie à vos idées et créer des interfaces utilisateur exceptionnelles.
Grâce à notre formation Figma, vous saurez tout sur le maquettage Figma, la responsive et prototypage.
Au cours de cette formation, vous serez guidé à travers les différentes étapes du processus de conception, de la découverte des composants d’interface à la création de prototypes interactifs.
Suite à notre formation Figma, vous maîtriserez des meilleures pratiques de Figma. Vous saurez designer des formes pour ses interfaces, optimiser le workflow, construire des fichiers et exporter/partager vos projets.
Objectifs
- Comprendre les métiers du design web, y compris l’UI Design, l’UX Design, l’intégration HTML/CSS et Javascript
- Maîtriser les concepts de l’Atomic Design
- Concevoir des interfaces en responsive design
- Prototyper des interactions utilisateur
Public visé
- Webdesigners
- Graphistes
- UX designer
- UI designer
- Chef de projet
- Développeur
Pré-requis
- Avoir une bonne connaissance web
- Avoir une expérience en conception, développement ou gestion d’un projet web
- Avoir une sensibilité au graphisme et à l’ergonomie
Programme de notre formation Figma Iniatiation
Premier pas dans l’UI Design
- Présentation des métiers de la production web : UI Design, UX Design, Intégration HTML/CSS et Javascript
- Découverte des composants d’interface
Découverte de l’Atomic Design
- Introduction à l’Atomic Design
- Différencier les éléments de type
- atomes
- molécules
- organismes
- Découvertes des outils pour concevoir en Atomic Design
Maquettage d’une page web
- Premier pas sur Figma
- Principes de la mise en page :
- Direction
- Padding
- Espacement
- Alignement
- Découverte de la base 4
- Mise en place d’une grille
- Découverte de l’auto-layout
- Création du guide de styles
- Création des premiers composants UI (atomes, molécules et organismes)
Conception en responsive design
- Comprendre les différentes grilles responsive
- Grille statique
- Grille fluide
- Grille adaptative
- Grille responsive
- Création d’un responsive design fluide
- Mise en place des bonnes pratiques pour les projets ambitieux
Prototypage et animation
- Découvertes des différents états des composants
- Comprendre les caractéristiques des micro-intéractions :
- Le déclencheur
- Les règles
- Le retour d’information
- Les boucles
- Les modes
- Exemples de micro-interactions efficaces
- Les règles à respecter pour la création de micro-intéractions
Export et partage
- Apprendre à collaborer avec les autres designers
- Apprendre à collaborer avec les développeurs (utilisation du Dev Mode)
Plugins et Community
- Découverte des plugins Figma
- Aller plus loin avec les fichiers de la Community Figma
Pour aller plus loin
Formation Figma Avancé
Formation HTML CSS JS
Formation Webflow
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| € HT / personne |
| 2 jours (14 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
