Search
Close this search box.

Figma, l’indispensable

Prochaines dates

Prises en charge OPCO salarié(e)s et entreprises, Pôle Emploi.

Durant cette formation, vous apprendrez à utiliser LE logiciel préféré des UX / UI Designers, de conception d’interfaces ordinateur et mobiles.

Mise-à-jour de cette formation : 01/03/2024

L’évaluation peut être réalisée en cours de formation, par un bilan, ou en fin de formation par une auto-évaluation.

• Définir le rôle de Figma dans la conception ergonomique ;
• Concevoir des livrables opérationnels pour une intégration web et mobile ;
• Être en mesure de réaliser des maquettes responsive ;
• Être capable de réaliser la conception d’applications mobile ;
• Designer et paramétrer un prototype interactif ;
• Concevoir des wireframes puis des maquettes desktop et / ou mobile ;
• Partager son travail avec les parties prenantes d’un projet web.

Graphistes, webdesigners, chefs de projets web,…

Etre à l’aise avec l’outil informatique

Résumez-moi le programme!

Pourquoi vous devriez suivre cette formation en 3 points.

  • Ne cherchez plus, c’est LE logiciel numéro un pour le design d’interfaces.
  • Tellement fort qu’Adobe a racheté l’outil.
  • Sûrement le logiciel le plus agile et le plus abordable pour le design d’interfaces !

1 – Rappels de l’ergonomie et de l’utilisabilité

• Contextes et usages actuels du web ;
• Présentation des critères généraux recommandés (Bastien et Scapin / Heuristiques de Nielsen).

2 – Découverte de l’interface

• Espace de travail (pages, frames, calques, groupes) ;
• Utiliser les panneaux (assets, design et prototype) ;
• Ordonner son fichier (nommage, rangement, grilles et repères).

3 – Interaction, optimisation,
collaboration, exportation

• Gestion du scroll ;
• Optimisation et exportation des visuels pour le web :
• Introduction au prototypage et partage du projet avec une équipe ;
•Visionner le prototype sur un mobile ;
• Insérer des commentaires ;
• Introduction au panneau d’inspection ;
• Exporter et importer un fichier .fig

4 – Présentation du logiciel

• Historique du logiciel et liste des concurrents ;
• Comparer et installer Figma en version desktop et en version web.

5 – Utiliser les outils de création

• Formes géométriques simple, outil texte et images ;
• Outils d’alignement et de redimenssionnement ;
• Masques d’écrêtage ;
• Vectoriser une forme, un tracé.

6 – Utiliser les outils de création avancés

• Les Formes complexes (Pathfinder, Boolean, Plume)
• Les Styles, les Couleurs (RGBA, CSS, HSB), le Texte et les effets
• Les modes de fusion
• Les composants et les instances

7 – Interaction, optimisation, collaboration et exportation

• Gestion du scroll
• Optimisation et exportation des visuels pour le web
• Introduction au prototypage et partage du projet avec une équipe
• Visionner le prototype sur un mobile
• Insérer des commentaires
• Introduction au panneau d’inspection
• Exporter et importer un fichier .fig

Anthony

Expert UI / UX et accessibilité, Anthony a cultivé une vraie passion pour son domaine et surtout une expertise qui dépasse les simples limites des différents logiciels !

Nos locaux

Localisation

Situé dans le Vieux-Lille, nous vous accueillons de 09h15 à 17h15 avec une pause de 12h15 à 13h15. Vous pouvez rester sur place ou déambuler dans notre quartier.

Voiture

Le parking n’est pas bon marché dans notre rue et on vous conseille de stationner sur l’esplanade pour 12€ la journée, puis de marcher 5 mn pour nous rejoindre.

Transpole

Près de notre agence, moult arrêts de bus (Rue Royale et Rue St André) qui vous déposeront à 100m des locaux. Le métro Rihour, est à 10 mn de marche bienfaitrice des bureaux.

Vélo

Les pavés du Vieux-Lille vont vous réveiller le matin mais nous aussi, on aime venir en vélo alors pas d’excuses. D’autant plus que des stations V’Lille sont juste à côté !

Train

Nous sommes à 15mn à pied des gares Lille Flandres et Europe. En venant, arrêtez-vous chez Meert, prendre quelques unes de leurs mythiques gaufres.

Fusée

Freiner grâce aux frottements dans l’atmosphère, bloquez votre bouclier thermique. Larguer celui-ci entre mach 1 et mach 2. Ouvrir les parachutes. Atterrir.

Ces formations, pourraient vous plaire

Web

Durant cette formation, nous allons vous appréhender les problématiques d’accessibilité côté développement, mais aussi côté obligation légale et UX / UI Design.

Mise-à-jour de cette formation : 01/02/2024

5/5
Web

Durant cette formation, nous allons vous apprendre à concevoir une interface utilisateur dédiée au mobile et/ou au web via le logiciel Adobe XD.

Mise-à-jour de cette formation : 01/06/2023

5/5
50 Avis
Web

Durant cette formation, nous allons vous apprendre à concevoir une interface utilisateur dédiée au mobile et/ou au web via le logiciel Sketch, outil plébiscité par nombre de webdesigners.

Mise-à-jour de cette formation : 01/06/2023

5/5
Web

Durant cette formation, nous allons vous apprendre à mettre en place ce CMS entièrement dédié au e-commerce et que l’on recommande dès lors que votre catalogue comporte de très nombreux produits.

Mise-à-jour de cette formation : 01/11/2023

5/5
Web

Durant cette formation, nous allons vous apprendre à concevoir une interface optimisée pour les utilisateurs en respectant des standards du milieu web, mais aussi psychologiques afin de favoriser les interactions des utilisateurs finaux.

Mise-à-jour de cette formation : 01/03/2024

5/5
Web

Durant cette formation, nous allons vous apprendre à mettre en place et utiliser cette extension spécifique WordPress dédiée au e-commerce. Ou comment transformer votre site en boutique en ligne en un claquement de doigts !
Attention, la connaissance de WordPress est indispensable !

Mise-à-jour de cette formation : 01/03/2024

5/5

Une question ?
Contactez-nous !

Nos coordonnées

Téléphone

03 20 54 09 06

Email

info[at]kaligram.com

Adresse

26, rue Voltaire - 59800 Lille

Nous écrire