Aller au contenu principal

Figma design d'interface UX/UI Design

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000038880
Organisme responsable : Ziggourat formation (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Cette formation est spécialement conçue pour les graphistes, webdesigners, UI et UX designers, ainsi que toute personne utilisant Figma pour concevoir des interfaces web ou mobiles. À l'issue du stage, l'apprenant saura structurer ses projets avec une organisation claire, créer des styles et composants réutilisables, maîtriser l'autolayout pour des écrans adaptatifs et exploiter des plugins pour enrichir son design. Il saura créer des prototypes interactifs avec animations et…

Cette formation est spécialement conçue pour les graphistes, webdesigners, UI et UX designers, ainsi que toute personne utilisant Figma pour concevoir des interfaces web ou mobiles. À l'issue du stage, l'apprenant saura structurer ses projets avec une organisation claire, créer des styles et composants réutilisables, maîtriser l'autolayout pour des écrans adaptatifs et exploiter des plugins pour enrichir son design. Il saura créer des prototypes interactifs avec animations et médias, tester ses interfaces sur tous supports et collaborer efficacement grâce aux outils de partage et de documentation (Focus View, DevMode) pour un transfert optimal aux développeurs.

Programme de la formation

Préambule sur Figma Découvrir les dernières actualités du logiciel Figma Designer des interfaces web et app avec Figma Analyser des ressources et modèles de fichiers de design d'interfaces  Explorer les différentes vues : Draw (IA), Design (édition), DevMode (handoff) Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…) Mettre en place des styles de forme, de texte, d'effets, de grille partagés Créer des composants et…

Préambule sur Figma
  • Découvrir les dernières actualités du logiciel Figma
Designer des interfaces web et app avec Figma
  • Analyser des ressources et modèles de fichiers de design d'interfaces 
  • Explorer les différentes vues : Draw (IA), Design (édition), DevMode (handoff)
  • Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
  • Mettre en place des styles de forme, de texte, d'effets, de grille partagés
  • Créer des composants et exploiter les fonctionnalités de personnalisation des instances (textes, images) et les contraintes de redimensionnement
  • Déployer ses écrans responsive ou app
Optimiser votre workflow avec des fonctionnalités avancées
  • Automatiser les positions des éléments avec les autolayout
  • Gérer les exceptions avec l'absolute positionning
  • Accéder directement aux banques d'images et d'icônes
  • Renommer, réorganiser les calques et frames en masse
  • Automatiser les transformations des éléments sur les différents devices
Optimiser votre workflow avec des plugins Figma
  • S'assurer de l'accessibilité
  • Disposer de faux contenu (textes et images)
  • Accéder directement aux banques d'images et d'icônes
  • Créer et importer, mettre à jour des contenus personnalisés (textes et images)
  • Exploiter des plugins d'ai génératives (intelligences articielles)
  • Connaître des plugins d'ai analytiques
Créer un prototype simple
  • Distinguer les différentes possibilités d'interactions et d'animations
  • Mettre en place des interactions sur les components
  • Ajouter et éditer des gifs et videos dans les prototypes
  • Visionner ses écrans ou son prototype sur une interface desktop et mobile
Élaborer un mode de travail collaboratif sur les projets
  • Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
  • Partager ses fichiers, prototypes, bibliothèques, templates
  • Documenter la Focus View pour les développeurs

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

14 h

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

-

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

32 Rue de Paradis
75010 Paris 10e

Responsable : Ziggourat formation

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
Ziggourat formation
75010 Paris 10e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes