Formation Figma : Designez vos prototypes facilement
| 1790€ HT / personne |
| 3 jours (21 heures) |
Présentation
Figma est un outil de conception d’interfaces et d’écosystèmes applicatifs qui vous permet de créer des prototypes réalistes du site web avant d’utiliser votre CMS.
Crée en 2016, il se positionne comme l’un des meilleurs outils de conception Web en opposant aux concurrents tels que Sketch ou Adobe XD. Figma vous permettra de travailler à plusieurs sur un projet commun. Grâce à ses solutions, vous n’aurez pas besoin de coder pour créer une maquette du site.
Notre formation Figma vous présentera les fonctionnalités du Figma et ses usages tels que : l’illustration vectorielle et UX/UI Design, la construction des fichiers .fig, le design des formes pour les interfaces web/app, ainsi que le partage et la connexion entre des écrans.
Après notre formation Figma, vous maîtriserez des meilleures pratiques du Figma. Vous saurez designer des formes pour ses interfaces, optimiser le workflow, construire des fichiers et exporter/partager vos projets.
Objectifs
- Création d’interface : du wireframe au design d’interface
- Réaliser des prototypes interactifs
- Créer des éléments de design et des animations dans Figma
- Mettre en place un workflow optimisé et collaboratif
- Optimiser son process de design en utilisant layout/components/styles/variants
- Créer des librairies et un design system
- Exporter, visionner, partager son travail
Public visé
- Webdesigners
- Graphistes
- UX designer
- UI designer
- Chef de projet
- Développeur
Pré-requis
Avoir une bonne connaissance web.
Programme de notre formation Figma
INTRODUCTION À FIGMA
- Qu’est-ce que Figma ?
- Ses fonctionnalités
- Grands principes de conception sur écran
- Découvrir l’interface de Figma
- Les raccourcis principaux
CRÉATION DES FORMES POUR DES INTERFACES
- Créer des formes de différente complexité
- Créer des frames et des calques
- Transformation des éléments
- Gestion des styles
- Courbes de Bézier
- Maîtriser les opérations booléennes
- La typographie dans Figma
- Manipulation et édition d’images
- Découverte des fonctions de style d’objet
- Créer sa librairie d’assets pour wireframes
CONSTRUCTION D’INTERFACE, DU WIREFRAME À L’UI
- Méthodologie et organisation des fichiers
- Comment organiser son projet de l’UX à l’UI
- Mise en place des grilles et des repères
- Utiliser Auto Layout pour créer des interfaces responsives
- Mise en place des styles
- Fonctionnalités des composants
- Gestion des librairies
- Ressources et modèles externes compatibles à Figma
- Plugins et services complémentaires
OPTIMISATION DU WORKFLOW
- Sélection des plugins pour Figma
- Chemin d’accès vers le stockage des images et des icônes
- Gestion du contenu personnalisé
- Mises à jour du contenu importé
- Automatisation des transformations des éléments sur les différents écrans
- Automatisation des éléments en fonction du contenu
CRÉATION D’UN PROTOTYPE AVEC DES ANIMATIONS
- Définir des frames du prototype
- Définir les interactions
- Utiliser Smart Animate
- Création d’un système de navigation à plusieurs niveaux
- Découvrir les différentes variantes d’interactions et d’animation
EXPORTATION ET PARTAGE DE PROJET
- Adapter son projet au mobile
- Collaborer sur un fichier
- Exporter ses écrans en fichiers de différents formats (pdf,jpg et png)
- Optimiser l’export d’image pour tous types d’écrans
- Exporter des codes et des assets
- Exportation des éléments sur Zeplin
- Découvert des ressources collaboratives
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
Je recommande la formation
Afficher tous les témoignages
Je recommande la formation
Les + : La formatrice est très pédagogue. Tous les points que je souhaitais voir ont été appréhendé.
Les + : la collaboration des équipes, le partage des ressources etc
Les – : RAS
Je souhaite suivre : Mobile, inforgraphie, IA.
En synthèse : TRÈS BONNE FORMATION, J’AI AIMÉ
Noter la formation
| 1790€ HT / personne |
| 3 jours (21 heures) |
