Aller au contenu principal

Figma - niveau 1

Date de mise à jour :
Identifiant Offre Info : 14_AF_0000228075
Organisme responsable : Pyramyd NTCV (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Définir le rôle de Figma dans la conception ergonomique
Concevoir des livrables opérationnels pour le web : maquettes graphiques responsive, librairie de composants, prototype interactif.
Partager son travail avec les parties prenantes d'un projet web.

Programme de la formation

Maquetter avec Figma Premier pas dans l'UI Design Présentation des métiers de la production web : UI Design, UX Design, Intégration HTML/CSS et Javascript Découverte des composants d'interface Découverte de l'Atomic Design Introduction à l'Atomic Design Différencier les éléments de type atomes, molécules et organismes Découvertes des outils pour concevoir en Atomic Design Maquettage d'une page web Premier pas sur Figma Principes de…

Maquetter avec Figma
  • Premier pas dans l'UI Design
    • Présentation des métiers de la production web : UI Design, UX Design, Intégration HTML/CSS et Javascript
    • Découverte des composants d'interface
  • Découverte de l'Atomic Design
    • Introduction à l'Atomic Design
    • Différencier les éléments de type atomes, molécules et organismes
    • Découvertes des outils pour concevoir en Atomic Design
  • Maquettage d'une page web
    • Premier pas sur Figma
    • Principes de la mise en page : Direction, Padding, Espacement, Alignement
    • Découverte de la base 4
    • Mise en place d'une grille
    • Découverte de l'auto-layout
    • Création du guide de styles
    • Création des premiers composants UI (atomes, molécules et organismes)
Responsive et prototypage
  • Conception en responsive design
    • Comprendre les différentes grilles responsive : Grille statique, Grille fluide, Grille adaptative, Grille responsive
    • Création d'un responsive design fluide
    • Mise en place des bonnes pratiques pour les projets ambitieux
  • Prototypage et animation
    • Découvertes des différents états des composants
    • Comprendre les caractéristiques des micro-intéractions : Le déclencheur, Les règles, Le retour d'information, Les boucles et modes
    • Exemples de micro-interactions efficaces
    • Les règles à respecter pour la création de micro-intéractions
  • Export et partage
    • Apprendre à collaborer avec les autres designers
    • Apprendre à collaborer avec les développeurs (utilisation du Dev Mode)
  • Plugins et Community
    • Découverte des plugins Figma
    • Aller plus loin avec les fichiers de la Community Figma

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

BAC + 2

Conditions spécifiques et prérequis

Avoir une bonne connaissance web Avoir une expérience en conception, développement ou gestion d'un projet web Avoir une sensibilité au graphisme et à l'ergonomie

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

18 Rue Tiphaine
75015 Paris 15e

Responsable : Pyramyd NTCV

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

Début

Fin

Adresse d'inscription
Pyramyd NTCV
75015 Paris 15e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates fixes