Avec Figma vous avez la possibilité de créer un prototype fonctionnel de manière simple et efficace sans aucune connaissance du code. Cette formation vous permettra de mieux présenter votre vision pour votre projet en créant des user stories (parcours utilisateur) exhaustives.

Objectifs pédagogiques :

• maîtriser avec aisance la plateforme Figma 
• créer du visuel et des formes pour développer les  interfaces de sites web 
• création d’un prototype navigable 
• savoir travailler en collaboration avec son équipe 

Séquence 1: (1h) Présentation de Figma 

objectifs pédagogiques: 

•  Qu’est-ce que Figma?
•  A quoi sert Figma? 
•  Qui peut l’utiliser ?
•  Dans quel contexte peut-on l’exploiter ?
•  Pourquoi choisir Figma pour le prototypage de votre projet numérique (site/app) ?
• Avantages et limites de figma

Séquence 2 : (4h) Comment utiliser Figma?

objectifs pédagogiques:

1. Les fonctionnalités de base sur Figma 

• introduction 
• fonctionnalité de l’éditeur
• importance de l’identité visuelle et de la charte graphique
• construction de l’UI kit
• Ressources utiles (images, fonts, couleurs, modèles/templates, …)
• Fonctionnalités avancés (Smart Animate, superpositions dynamique, … )
• Wireframe à partir de l’UI kit
• Création d’une maquette Figma  en responsive design
• mémoriser les raccourcis  

1. Création de votre propre prototype pour une application = Démarrage de votre projet

Séquence 3 : (2h) Création de style sur figma

objectifs pédagogiques: 

• Créer et éditer des styles de couleur
• Créer et éditer des styles de texte
• créer des frames et des calques
• création de formes personnalisées ou déjà existantes 
• ajout d’effets , de dégradés , de motifs 

Séquence 4 : (2h) Créer des composants sur figma

objectifs pédagogiques:

• Analyser les differents composants sur l’interface
• Créer des composants “master”
• Créer et éditer des instances
• Redimensionner des composants
• Nommer les composants (les règles de nommage)

Séquence 5 : ( 1h ) Partager le projet 

objectifs pédagogiques:

• adapter le site ou l’application mobile aux écrans smartphones et tablettes 
• exporter en fichier pdf , jpg , png
• stratégie marketing digital : communication de lancement , créations de contenus …

Cas pratique ( 4h)