Aller au contenu principal

Figma

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000163741
Organisme responsable : Le Laptop (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

- Réaliser des wireframes et mockups sur Figma - Réaliser des prototypes interactifs simples testables sur Figma - Réaliser des animations simples sur Figma - Réaliser des composants d'interface partageables dans le cadre d'un UI Kit ou d'un Design System - Maîtriser les bases de l'accessibilité

Programme de la formation

Jour 1 : Fondations et organisation Découverte de la suite Figma FigJam, Figma Design, Dev Mode, Figma Make, panorama de l'écosystème Interface et raccourcis clés à maîtriser Différence entre fichiers, pages, frames et calques Création d'un guide de style efficace Créer et organiser ses styles : couleurs, typographies, ombres, effets Grilles de mise en page et colonnes Logique de la base 4 et application aux espacements Préparer un guide de styles réutilisable…

Jour 1 : Fondations et organisation
Découverte de la suite Figma
  • FigJam, Figma Design, Dev Mode, Figma Make, panorama de l'écosystème
  • Interface et raccourcis clés à maîtriser
  • Différence entre fichiers, pages, frames et calques
Création d'un guide de style efficace
  • Créer et organiser ses styles : couleurs, typographies, ombres, effets
  • Grilles de mise en page et colonnes
  • Logique de la base 4 et application aux espacements
  • Préparer un guide de styles réutilisable
Auto-layout & Contraintes
  • Logique d'empilement, padding, gap
  • Auto-layout imbriqués pour créer des sections et des pages
  • Contraintes et comportement au redimensionnement
Jour 2 : Structurer son workflow dans Figma
Composants & Atomic Design
  • Logique Atomic Design appliquée à Figma
  • Créer un composant, variants, component properties
  • Publier et organiser une bibliothèque partagée
Responsive Design
  • Breakpoints et frames adaptatifs
  • Combiner auto-layout et contraintes pour des layouts flexibles
Prototyper vos maquettes
  • Liaisons, triggers et transitions
  • Smart Animate : logique et cas d'usage
  • Tester et partager un prototype
Collaborer sur Figma
  • Commentaires, partages, co-édition
  • Handoff développeurs : Dev Mode, inspect, exports
Aller plus loin avec l'outil
  • Plugins incontournables
  • Figma Community : templates et ressources
  • Introduction aux variables (aperçu)
  • Introduction aux outils IA (aperçu)

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

16 h

Financement

Conventionnement
Non

Conditions d'accès

Public visé

  • Tout public

Informations sur les publics

Les métiers du design et de la création : UX designer, UI Designer et Directeur Artistique, ainsi que les autres métiers du digital : Chef de projet, Développeur, Product Owner.

Niveau d'entrée

Bac + 3 et 4

Conditions spécifiques et prérequis

- Notions de bases en conception pour écrans : - Réaliser des wireframes basse définition (zonings, croquis...) - Choisir des composants et élaborer une composition d'écran, justifier ses choix par la - Connaissance des principes et standards clé - Connaître et comprendre le workflow d'élaboration d'une interface (étapes, livrables, métiers)

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

7 Rue Geoffroy l'Angevin
75004 Paris 4e

Responsable : Le Laptop

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

Début

Fin

Adresse d'inscription
Le Laptop
75004 Paris 4e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes