PARTIE 01 Premiers pas avec Figma

Section 01 Aperçu de Figma
Section 02 Comprendre la conception d'interface utilisateur et les appareils
1. Comprendre la conception d'interface utilisateur
2.
Comprendre l'appareil
Section 03 Comprendre les représentations graphiques
1.
programme de conception graphique
2.
Comprendre la couleur graphique
Section 04 : Premiers pas avec Figma
Section 05 : Exploration de l’interface Figma

PARTIE 02 Utilisation des outils de base de Figma

section 01 Création à l'aide d'outils de forme
1.
Créer un espace de travail
2.
Tracer une ligne diagonale
3.
Créer un logo
4.
Créez une ligne
5.
Saisissez du texte
Section 02 Gestion des bibliothèques de styles et de conception
1.
Créer un espace de travail
2.
Associer une couleur à un style
3.
Enregistrement des formats de texte dans les styles
4.
Enregistrement d'un effet sur un style
5.
Enregistrement de la grille dans le style

PARTIE 03 : Premiers pas avec la conception pratique grâce à Figma

Section 01 Création d'un écran d'application de streaming musical
1.
Création d'un en-tête
2.
Création d'une zone de contenu principale
3.
Création d'un bouton de lecture et d'une icône supplémentaire
Section 02 Création d'une page de destination
1.
Création d'une zone d'image principale
2.
Créer une page d'introduction au voyage
3.
Créer une bannière

PARTIE 04 : Utilisation des fonctionnalités principales de Figma

Section 01 Création et gestion d'un système de conception
1.
Importation des fichiers du système de conception
2.
Création d'un système typographique
3.
Création d'un système de grille
Section 02 Projet de conception Web de l'Académie Production
1.
Création d'un site web adaptatif pour une académie de codage - Mise en place d'une structure de base
2.
Création d'un en-tête
3.
Création de la zone visuelle principale
4.
Création de la zone de contenu principale 01 : Création de la zone de titre
5.
Création d'une zone de contenu 02 : Création d'une zone de titre
6.
Création d'une zone de contenu 03
7.
Créer une zone de bannière
8.
Création d'un pied de page
9.
Exportation des résultats de conception

PARTIE 05 : Création d’une interface utilisateur pour une application de boulangerie

Section 01 Création d'un bouton pour application de boulangerie
1.
Comprendre et créer des variantes
Section 02 Application du bouton d'application Variantes
1.
Obtenez les icônes dont vous avez besoin pour votre design
2.
Création d'un écran Frame de base
3.
Insertion d'une barre d'état
4.
Création d'un en-tête
5.
Création de la zone visuelle principale
6.
Créez une zone de description détaillée

PARTIE 06 Prototypage et interaction

Section 01 Création d'une interaction de type carrousel
1.
Modification du contenu de l'écran principal de l'application
2.
Création d'une pagination
3.
Création d'un carrousel pour la zone visuelle principale
4.
Application des interactions au carrousel
Section 02 Conception et mise en œuvre du menu de navigation
1.
Définir un titre
2.
Création d'une interaction de défilement par débordement
Section 03 Connexion des cadres et commutation des écrans
1.
Mise en place des interactions entre les cadres
2.
Configuration de l'interaction entre les cadres qui apparaissent sous forme de fenêtres contextuelles dans l'écran de détails
Section 04 Interaction et liens au sein de l'écran
Section 05 Configuration des menus de navigation dynamiques
Section 06 Création et style d'une barre d'onglets
1.
Création d'une barre d'onglets
2.
Application d'interactions pour déplacer le menu de la barre d'onglets et l'écran de l'application
3.
Correction de l'en-tête et de la barre d'onglets

PARTIE 07 Exploration des modes de collaboration et de développement dans Figma

Section 01 Enregistrement d'une bibliothèque
Section 02 Exploration du mode de développement
1.
Mode Div (payant)
2.
Plugin
Section 03 Partager et explorer ensemble
Section 04 : Aperçu de l’historique des versions de Figma

ㆍ Figma est un outil de conception UI/UX puissant basé sur le Web qui offre un environnement de conception pratique en permettant la collaboration et le travail en temps réel entre les membres de l'équipe.

Vous pouvez l'utiliser directement depuis votre navigateur web sans avoir à l'installer séparément.
Il est optimisé pour permettre à différents services, notamment les concepteurs, les planificateurs et les développeurs, de travailler ensemble sur des projets.


Commencez dès maintenant à concevoir efficacement avec Figma !