Search
Close this search box.
Mois en cours

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 : 26/09/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 !

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).

Présentation et installation du logiciel

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

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).

Utiliser les outils de création simples

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

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

L’auto-layout

• Définition.
• Créer des mises en pages dynamiques et adaptatives.
• Appliquer l’auto-layout dans les designs responsives.
• Gérer ses marges, paddings, et alignement auto des éléments.

Optimisation et exportation des visuels

• Gestion du scroll ;
• Optimisation et exportation des visuels pour le web :
• Exporter et importer un fichier .fig

Collaboration sur Figma

• Introduction au prototypage et partage avec une équipe.
• Insérer des commentaires.
• Introduction au panneau d’inspection.

Découverte du système de variables

• Fonctions et utilités dans la conception de design systems.
• Créer et gérer des variables (couleurs, typo, espacements).
• Utiliser des variables pour créer des thèmes adaptables selon le contexte (dark/light, branding différent).

Prototypage avancé sur Figma

• Mise en place de prototypes interactifs (transitions, animations..)
• Interaction avec l’utilisateur, gestion des comportements conditionnels.
•  Présentation de prototypes sur différents supports (desktop, mobile).

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

Vous souhaitez recevoir notre newsletter ?

C'est par ici !

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