SEMAINE 1 : Maîtrisez l'IA ! Avant d'apprendre Figma AI

1.1 Figma, pourquoi est-il si populaire ?
01 Un nouveau monde de conception collaborative : Plus de soucis concernant le travail d'équipe grâce à la collaboration en temps réel dans le cloud !
02 Plateformes diverses, compatibilité parfaite Transformez vos idées en réalité !
03 Flux de travail optimisé pour la conception UX/UI
04 Un puissant écosystème d'IA, de communauté et de plugins
05 Matériel de présentation ? Un jeu d’enfant avec les diapositives Figma !
1.2 Bienvenue ! Guide d’installation de Figma AI
01 Découvrez la politique tarifaire de Figma
02 Créer un compte Figma
1.3 L'IA qui est devenue les ailes de Figma
01 Aperçu des fonctionnalités d'IA
02 Comment utiliser les fonctions d'IA
03 Top 10 des plugins d'IA les plus utiles
Problèmes pratiques

SEMAINE 02 Un aperçu de l'interface Figma

2.1 Comprendre les bases de Figma
01 Jetez un œil à l'écran d'accueil de Figma
02 Jetez un œil à l'écran de travail Figma
2.2 Comprendre la barre d'outils
Barre d'outils du mode Conception 01
Barre d'outils du mode dessin 02
Barre d'outils du mode développeur 03
2.3 Dominez complètement les panneaux de la fenêtre de travail !
01 Panneau de gauche : Gestion des fichiers et des ressources
02 Panneau de droite : Explorez les fonctionnalités de conception, de prototypage et d’inspection
2.4 Apprenez des astuces pour travailler efficacement
01 Apprenez des raccourcis utiles
Problèmes pratiques

SEMAINE 3 : Du dessin de base à la retouche pratique ! Dessin d'objets

3.1 Commencez en douceur avec des formes basiques !
01 Découvrir l'outil Rectangle
02 Utilisation de lignes et de flèches
03 Utilisation de l'outil cercle
04 Utilisation de l'outil Polygone
3.2 Création d'un sac de courses avec l'outil Plume
01 Conception d'un logo de style linéaire
02 Conception d'un sac à provisions Pebble Object
03 Utilisation de l'illustration de pavés comme maquette
04 Comprendre la différence entre les vecteurs et les images bitmap
3.3 Création d'icônes et de boutons de texte à l'aide de plugins
3.4 Création d'icônes à l'aide de fonctionnalités d'IA
Problèmes pratiques

SEMAINE 4 : Aperçu des compétences en gestion de projet

4.1 Gestion de projet : Création d'un espace de travail
Développez votre espace de travail en créant la page 01
02 Configurer un flux de travail pour comprendre le déroulement de l'écran en un coup d'œil
4.2 Configuration d'un flux de travail par liaison de pages
01 Relier les pages avec des icônes de boutons simples
4.3 Gestion de la mise en page Figma, grilles et repères
01 Comment utiliser la grille de mise en page
4.4 Essayez Grid & Guides par vous-même
01 Suivez le système de grille
02 Enregistrement d'une grille de mise en page pour la collaboration d'équipe
03 Inscription à la bibliothèque d'équipe
04 Application de la grille de mise en page enregistrée
05 Application du fichier de grille de mise en page partagé par un membre de l'équipe
06 Alignez-vous précisément avec le guide
4.5 Structuration de l'expérience utilisateur : Conception d'architectures par couches et adaptatives
01 Comment gérer systématiquement les couches
02 Contraintes pour la conception structurelle réactive
03 Renommer automatiquement les calques avec Renommer les calques
Problèmes pratiques

SEMAINE 05 Mise en page automatique, concevoir pour un monde meilleur

5.1 La magie de la mise en page automatique et de l'alignement automatique
01 Cadre et mise en page automatique,
Quelle est la différence ?
5.2 Pratique de la mise en page automatique
01 Création d'une fiche produit à l'aide de la mise en page automatique
02 Créez une page de liste de produits comme dans un centre commercial !
03 Configuration de la mise en page de la page produit avec une grille
5.3 Mise en œuvre d'une conception adaptative pour accroître l'efficacité du travail
01 Qu'est-ce que le design adaptatif ?
02 Paramètres pour la mise en page adaptative
03 Modification automatique du contenu grâce à l'IA
04 Exercice de rupture : du bureau au mobile
Problèmes pratiques

SEMAINE 06 Composants et variantes : Les secrets des concepteurs efficaces

6.1 Création de conceptions réutilisables avec des composants
01 Comprendre les composants et leur nécessité
02 Éléments à prendre en compte lors de l'utilisation des composants
6.2 Création d'un composant simple
6.3 Composants principaux et utilisation de l'instance
01 Comprendre la différence entre les composants maîtres et les instances
6.4 Changer librement d'instances
6.5 Utilisation de la bibliothèque de composants
6.6 Comprendre le détachement d'instance et l'échange de composants
6.7 Gestion efficace avec des variantes
01 Maîtriser les fonctionnalités principales de Variant
6.8 Entraînez-vous à concevoir des boutons dans différents états
01 Création d'un bouton de base
02 Conception d'un bouton de survol
03 Conception d'un bouton cliquable
04 Conception d'un bouton désactivé
05 Organiser par propriétés identiques
06 Conception des boutons en fonction de leur taille
6.9 Tests finaux et utilisation sur la page de connexion
01 Connexion des interactions
02 Utilisez-le sur la page de connexion
03 Test en mode présentation
Problèmes pratiques

SEMAINE 07 : L'IA transforme la pensée conceptuelle

7.1 Innovation centrée sur l'utilisateur ! La pensée conceptuelle
01 Pourquoi la pensée design est-elle nécessaire ?
02 Le rôle des concepteurs à l'ère de l'IA

03 Former une équipe pour travailler ensemble
7.2 Aperçu du processus de conception
Étape 1 : Faire preuve d’empathie
Étape 2 : Définir le problème
Étape 3 : Idéation
Étape 4 : Prototype
Étape 5 : Test
7.3 Comprendre les processus circulaires
Problèmes pratiques

SEMAINE 08 Collaboration en temps réel, commencez à vous entraîner avec PigJam !

8.1 Donner vie à ses idées avec PigJam
01 Découvrir le cours pratique
8.2 Améliorez votre travail d'équipe grâce à la collaboration en temps réel !
01 Inviter les membres de l'équipe à rejoindre le tableau partagé
02 Terminez la mission pour vous détendre les mains
8.3 Étape 1 : Empathie : Visualiser la voix de l’utilisateur
8.4 Étape 2 : Définir le problème et identifier le véritable problème
01 Regroupement des mots-clés communs
02 Détecter des tendances et en tirer des enseignements
8.5 Étape 3 : Idéation, des idées à profusion !
Problèmes pratiques

SEMAINE 09 Créez comme un pro avec notre système de conception !

9.1 Un système de conception qui sauve des projets !
01 Pourquoi avez-vous besoin d'un système de conception ?
02 Comprendre les composants du système de conception
9.2 Créons notre propre bibliothèque d'équipe !
01 Pourquoi les bibliothèques sont importantes
02 Système de conception d'interface utilisateur/d'expérience utilisateur à l'échelle du gouvernement
03 Organisation des styles de texte
04 Définition d'un nouveau style de texte
05 Guide de conception typographique
Guide de conception du système de couleurs 06
07 Installation du plugin Palette de couleurs
9.3 Publication et gestion des bibliothèques d'équipe
01 Publication d'une bibliothèque d'équipe
02 Importer les bibliothèques d'équipe dans un nouveau fichier
Problèmes pratiques

SEMAINE 10 : Transformez vos idées en prototypes plus rapidement grâce à l’IA !

10.1 Créer un site Figma sans coder
01 Qu'est-ce que le site Figma ?
02 Cinq fonctionnalités du site Figma
03 Présentation de l'interface et de la barre d'outils du site Figma
10.2 Dessiner avec des modèles d'IA
01 Trouvez un modèle de site Figma qui corresponde à votre style
02 Modifier simultanément le contenu à tous les points de rupture
03 Test des pages Web réactives
04 Optimisation spécifique au périphérique ! Définition des points d’arrêt
10.3 Ajout d'une mise en page de bloc UX
01 Découvrir les blocs de structure de mise en page
02 Comprendre les obstacles à la diffusion de contenu
Problèmes pratiques

SEMAINE 11 : Mise à jour sur la conception pratique d’interfaces utilisateur

11.1 Créer une ambiance et un ton avec une touche de sensibilité
01 Inspiration qui donne le ton aux émotions
02 Style de design, tonalité et ambiance
03 Création d'un tableau d'inspiration
11.2 Commencez immédiatement le prototypage IA, sans modèle !
01 Résumé final des idées de Pig Jam
02 Création d'une invite avec ChatGPT
03 Élaboration d'un prototype avec l'IA
04 Modification du style du prototype
11.3 Graphismes principaux optimisés par l'IA, plus rapides et plus nets
01 Création d'une invite avec ChatGPT
02 Création d'une image dans Google Image FX
Problèmes pratiques

SEMAINE 12 Interactions immersives

12.1 Clics et autres interactions avec les boutons
01 Importer des modèles Figma sur le site Figma
Boutons d'appel à l'action importants lors de la création de la page 02
03 Application des effets d'interaction des boutons
12.2 Micro-interactions captivantes
01 Application des effets qui apparaissent à l'écran
02 Appliquer un effet de texte fluide
03 Application des effets de frappe
12.3 Interaction avec animation de défilement !
Une expérience utilisateur qui guide le flux
01 Application d'un effet spatial
02 Application d'interactions changeantes
Problèmes pratiques

SEMAINE 13 : Un parcours utilisateur fluide et présentation finale

13.1 Flux d'interaction vivante
01 Application des interactions de superposition de diapositives
02 Fermez la fenêtre, appliquez l'interaction de superposition qui apparaît au centre
03 Application de l'interaction de superposition d'échange
04 Application des interactions de transition de page
05 Application de l'interaction de retour
6 points à prendre en compte lors de la configuration du flux d'interaction
13.2 Création d'un support de présentation final qui transmet les points clés
01 Créer un cadre pour contenir vos idées
02 Traduire en une seule étape grâce à l'IA
03 Connexion du prototype Figma
04 Préparation de présentations avec l'IA
05 Liste de vérification pour la préparation de la présentation
Problèmes pratiques

Recherche

Du niveau débutant en UI/UX à la conception pratique
Figma

Ce livre aborde de manière systématique tous les aspects de Figma, des concepts de base aux fonctionnalités d'automatisation en passant par les applications pratiques.
Nous vous guiderons étape par étape à travers des cours pratiques applicables immédiatement dans des situations réelles, comme la création d'un système de conception axé sur la collaboration et la réalisation de présentations efficaces.
Il est notamment conçu pour accroître simultanément la productivité et la créativité dans le travail de conception grâce à un savoir-faire pratique utilisant les dernières fonctionnalités telles que la visualisation basée sur des invites, la génération d'images, l'automatisation de la mise en page et les recommandations de style des fonctions d'IA.

ÉTAPE 1 : Utilisation des fonctionnalités principales de Figma
ÉTAPE 2 : Automatisation de l’interface utilisateur grâce à l’IA générative
Système de conception UX STEP3 et exercice pratique de projet
ÉTAPE 4 : Créer et partager une présentation collaborative