Formation FIGMA - Design d’interface utilisateur (UI/UX)

CONNECT LEARNING

Non finançable CPF

Entreprise

En ligne

Présentiel

Voir des formations similaires

Public admis

Salarié en poste

Demandeur d'emploi

Entreprise

Etudiant

Prix

1490 €

Durée

14 h en visioconférence en individuel

Niveau visé

Non diplômante

Pré-requis

Prérequis :

Connaissances de base en design graphique ou expérience avec un autre outil de design (Photoshop, SketchUp, Adobe XD…) souhaitées mais pas obligatoire

Certifications

Datadock Qualiopi

Localité

En ligne

Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.

En présentiel

Découvrez les localités disponibles pour suivre cette formation en présentiel.

Objectifs

Cette formation vous permettra d’acquérir une méthodologie complète pour structurer, prototyper et préparer un design prêt pour le développement.
Grâce à des exercices pratiques et des mises en situation réelles, vous serez en mesure de concevoir des interfaces modernes, ergonomiques et adaptées aux bonnes pratiques UX/UI.
Que vous soyez débutant ou déjà familier avec Figma, ce programme vous apportera les compétences nécessaires pour évoluer dans le domaine du design numérique et améliorer vos projets professionnels.

14h en visioconférence et en individuel

Objectifs pédagogiques

Naviguer efficacement dans l’interface de Figma et utiliser ses principales fonctionnalités
Créer et organiser des projets de design d’interface utilisateur
Utiliser les outils de dessin et de mise en page pour concevoir des maquettes interactives
Collaborer en temps réel avec d’autres utilisateurs
Prototyper une interface interactive et tester l’expérience utilisateur
Optimiser leur workflow en exploitant les composants, styles et bibliothèques partagées

Programme

Introduction et prise en main de Figma

Présentation de Figma
Différences avec les autres outils de design
Versions gratuites et payantes, limitations et avantages
Interface et navigation : Barre d’outils, panneaux latéraux, gestion des calques et pages
Personnalisation de l’espace de travail

Création et gestion de fichiers

Nouveaux projets, duplication et organisation
Partage et permissions pour la collaboration
Exercice pratique : Créer un projet, organiser les pages et explorer les outils

Création et structuration d’interfaces

Les outils de base
Dessin de formes (rectangles, cercles, lignes…)
Gestion des couleurs, des ombres et des bordures
Ajout et personnalisation du texte
Grilles et colonnes pour la mise en page responsive
Contraintes et auto-layout pour des designs adaptatifs
Création et modification des composants réutilisables
Styles de texte, couleurs et effets pour harmoniser le design
Exercice pratique : Réaliser une première maquette simple d’une page web

Prototypage et interactions

Les bases du prototypage
Création de liens entre les écrans
Définition des interactions (clic, survol, défilement)
Ajout d’animations et d’effets de transition
Simulation des prototypes sur mobile et desktop
Recueil de retours et itérations sur le design
Exercice pratique : Prototyper une interface interactive avec plusieurs écrans

Optimisation et préparation au développement

Génération de fichiers pour le développement (SVG, PNG, PDF)
Intégration avec des outils de développement (Zeplin, Inspect)
Gestion des bibliothèques et design system
Principes d’ergonomie et d’accessibilité
Cohérence graphique et tendances actuelles
Exercice pratique : Réaliser une maquette complète et interactive d’une application ou d’un site web

Cette formation est temporairement suspendue.

Voici des formations similaires :