Formation Figma Perfectionnement : Optimiser son workflow et ses fichiers Figma

Dédié à la conception d'interfaces et d'écosystèmes applicatifs, le logiciel Figma se distingue par la capacité qu'il offre à travailler avec des équipes sur des projets grâce à des modifications en temps réel via un navigateur web. Qu'il s'agisse de créer des sites web, des applications ou des interfaces utilisateurs, Figma a été conçu dans l'esprit d'un Design System, partageable par une équipe de designers.

Voici quelques informations complémentaires à propos de Figma et de votre formation :

Pourquoi Figma est-il populaire dans le design collaboratif ?
Figma est basé sur le cloud, permettant une collaboration en temps réel, facilitant le partage de prototypes et de maquettes, ce qui en fait un outil privilégié pour les équipes de conception.

Quelles compétences peut-on acquérir grâce à une formation Figma ?
Une formation Figma enseigne la création de maquettes interactives, la collaboration avec des équipes distantes, la gestion des composants et la création de designs centrés sur l'utilisateur.

Comment Figma se compare-t-il à d'autres outils de conception graphique ?
Comparé à d'autres outils, Figma se distingue par sa capacité de collaboration en temps réel, son accessibilité basée sur le cloud, et sa compatibilité multiplateforme. Lancé en 2016, l'outil se positionne aujourd'hui comme un concurrent direct de Skecth et d'Adobe XD.

Cette formation Figma vous apprendra à identifier et à utiliser les différents outils proposés par Figma afin de pouvoir l'utiliser en toute autonomie.

Pour aller plus loin dans l'utilisation de Figma, vous pouvez suivre la formation Figma Perfectionnement : Optimiser son workflow et ses fichiers Figma

Objectif opérationnel :

Mettre en œuvre une méthodologie pour optimiser son workflow, ses fichiers .fig et ses projets d'UX/UI Design.

Objectifs pédagogiques :

Concrètement, à l'issue de cette formation Figma Perfectionnement, vous serez en mesure de :

• Savoir identifier et utiliser une méthodologie optimisée dans la construction des fichiers Figma
• Optimiser votre workflow avec une sélection des meilleurs plugins Figma
• Exporter et partager vos projets UX/UI Design

Public :

Ce cours Figma Perfectionnement cible principalement les graphistes, webdesigner, UI Designer, UX Designer, chefs de projet ou toute personne amenée à utiliser le logiciel Figma dans le cadre de la conception et de la création d'interfaces.

Prérequis :

Pour suivre cette formation Figma Perfectionnement dans de bonnes conditions, il est nécessaire d'avoir suivi la formation Figma : Concevoir des maquettes UX/UI à l'aide du logiciel Figma (FIGM) ou bien d'en posséder les connaissance équivalentes.

Préambule sur Figma

Rappeler les fonctionnalités phares du logiciel Figma, ses spécificités par rapport aux autres solutions
Découvrir les dernières actualités du logiciel Figma

Acquérir une méthodologie optimisée dans la construction de fichiers .fig

Organiser son projet de l’UX à l’UI : web design vs app mobile
Acquérir une bonne convention de nommage (fichiers, pages, frames, calques, styles, composants…)
Mettre en place des grilles (grid, columns, rows) et des repères
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 l’override (textes, images, composants imbriqués)
Exploiter les contraintes de redimensionnement
Ajouter et gérer des librairies partagées par plusieurs documents
Organiser ses composants
Profiter des ressources et modèles externes spécifiques à Figma
Profiter d’une sélection des meilleurs plugins et services spécifiques à Figma

Optimiser votre workflow avec une sélection des meilleurs plugins Figma

Disposer de faux contenu (textes et images)
Accéder directement aux banques d'images et d'icônes
Créer et importer des contenus personnalisés (textes et images)
Mettre à jour le contenu importé
Renommer, réorganiser les calques et frames en masse
Automatiser les transformations des éléments sur les différents devices
Automatiser les positions des éléments en fonction du contenu

Créer un prototype avancé avec des animations

Maîtriser les différentes possibilités d'interactions et d'animations
Différencier Navigate To, Open Overlay et Swap With
Créer un système de navigation à plusieurs niveaux

Exporter et partager son projet Figma

Visionner ses écrans sur un mobile
Exporter ses écrans en fichiers pdf, jpg et png ou sur le cloud
Exporter les éléments pour la production (code et assets)
Profiter des options de collaborations
Exporter les éléments sur Zeplin