Introduction à Figma - Design d'interfaces et prototypage
INF-056-TP
Description
Cette formation permet d'identifier et d'utiliser les outils de design d'interface du logiciel Figma, une méthodologie optimisée dans la construction des fichiers. l’exportation et le partage de vos projets.
Clientèle cible
Graphiste, webdesigner, UI Designer, UX Designer, chef de projet ou toute personne devant utiliser Figma dans le cadre de la conception et la création d'interface.
PRÉALABES
À venir...
Compétences visées
À venir...
Contenu
Découvrir Figma
- Décrire le logiciel Figma et ses principaux usages : illustration vectorielle, UX Design (wireframe), UI Design
- Identifier 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
Prendre en main le logiciel
- Nommer et explorer les différentes zones de l’interface Figma
- Connaître les conventions d’usage dans les outils de design
- Mémoriser les raccourcis principaux
- Ajuster les préférences
Designer des formes pour des interfaces web/app
- Créer des espaces de travail (frames) et des calques
- Insérer des formes prédéfinies, créer des formes personnalisées
- Sélectionner, positionner, transformer, supprimer des éléments : taille, couleurs fond et contour, dégradés, motifs, transformation, rotation…
- Ajouter des effets : ombre interne ou externe, flou
- Maîtriser et modifier les courbes de Bézier
- Utiliser les opérations booléennes (union, subtract, intersect, exclude)
- Utiliser les masques
- Ajouter et agencer des titres, des paragraphes
- Importer et éditer des éléments vectoriels (logo, icône, illustration…) et matriciels (image)
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 des plugins et services complémentaires indispensables spécifiques à Figma
Créer un prototype avec des animations de transition
- Définir la première frame du prototype
- Créer des connexions entre les différents écrans
- Maîtriser les différentes possibilités d'interactions et d'animations
- Ajouter un lien externe
Exporter et partager son projet Figma
- Visionner ses écrans sur un mobile
- Exporter ses écrans en fichiers pdf, jpg et png
- Partager ses écrans sur le cloud
- Exporter les éléments pour la production (code et assets)
Horaire et coûts
Liste des cours
No cours | Nom du cours | Durée |
---|---|---|
INF-238-TP | 2. Perfectionnement lié au thème DESIGN | 117 h |
Ceux qui ont consulté cette fiche ont également consulté :
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI5MSIsInRpdGxlIjoiSW5EZXNpZ24gQ0MgLSBNaXNlIGVuIHBhZ2UgZXQgcHVibGljYXRpb24gbnVtXHUwMGU5cmlxdWUgKGRcdTAwZTlidXRhbnQpIiwiZGVzY3JpcHRpb24iOiJEXHUwMGU5bWFycmVyIGV0IGNyXHUwMGU5ZXIgdW4gcHJvamV0IGF2ZWMgSW5EZXNpZ24uIFBlcnNvbm5hbGlzZXogdm9zIGNyXHUwMGU5YXRpb25zISBJbnNjcmlwdGlvbnMgZXQgY291cnMgZW4gbGlnbmUuIERcdTAwZTljb3V2cmV6IGxhIGZpY2hlIGNvbXBsXHUwMGU4dGUgZHUgY291cnMgaWNpLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLlxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZWRpdGlvbi1lbGVjdHJvbmlxdWUtaW5kZXNpZ24iLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMTI1NzdcL2NpZnd4cjg0My5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxNDAiLCJ0aXRsZSI6IkFwcHJlbmRyZSBsZXMgYmFzZXMgZFx1MjAxOUV4Y2VsIChuaXZlYXUgMSkiLCJkZXNjcmlwdGlvbiI6IkNvdXJzIGVuIGxpZ25lIEV4Y2VsIGRcdTAwZTlidXRhbnQuIDEyaCBkZSBjb3Vycy4gVGVtcHMgcGFydGllbC4gSW5zY3JpcHRpb25zIGVuIGxpZ25lISBBdWN1biBwclx1MDBlOWFsYWJsZSByZXF1aXMuIERcdTAwZTljb3V2cmV6IGxlcyBzdWpldHMgZXhwbG9yXHUwMGU5cyEgQXR0ZXN0YXRpb24gU09GRURVQy5cbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NoaWZmcmllci1lbGVjdHJvbmlxdWUtZGVidXRhbnQiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMTczMTRcL2FseWx4bjUyMy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzUiLCJ0aXRsZSI6IkxlIGRcdTAwZTl2ZWxvcHBlbWVudCBXZWIgcG91ciBsZXMgZFx1MDBlOWJ1dGFudHMiLCJkZXNjcmlwdGlvbiI6IkRcdTAwZTl2ZWxvcHBleiB1bmUgc3RyYXRcdTAwZTlnaWUgYXhcdTAwZTllIHN1ciBsJ2V4cFx1MDBlOXJpZW5jZSBjbGllbnQgKENYKS4gSW5zY3JpcHRpb25zIGV0IGNvdXJzIGVuIGxpZ25lLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLiBBdWN1biBwclx1MDBlOWFsYWJsZS4gQ29uc3VsdGV6IG5vdHJlIGZpY2hlIGNvbXBsXHUwMGU4dGUuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaW50cm9kdWN0aW9uLWF1LWRldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTI4XC9hbWFjdmo5ODkuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI3MCIsInRpdGxlIjoiUHJvZ3JhbW1hdGlvbiBvcmllbnRcdTAwZTllLW9iamV0cyBhdmVjIEMjIGV0IFZpc3VhbCBTdHVkaW8iLCJkZXNjcmlwdGlvbiI6IkRcdTAwZTljb3V2cmV6IGxhIGJhc2UgZW4gcHJvZ3JhbW1hdGlvbiBldCBsZSBsYW5nYWdlIEMjLiBJbnNjcmlwdGlvbnMgZXQgY291cnMgKDE4aCkgZW4gbGlnbmUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIENvbnN1bHRleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGR1IGNvdXJzLCBwclx1MDBlOWFsYWJsZXMsIGV0Yy4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9wcm9ncmFtbWF0aW9uLW9yaWVudGVlLW9iamV0cy1hdmVjLWMtZXQtdmlzdWFsLXN0dWRpby0yMDE3IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbWFnZXNcL2Zjc2FlX2RlZmF1bHRfb2dfaW1hZ2VfY291cnMuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI2MDAiLCJpbWFnZV9oZWlnaHQiOiIzMTUifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjQiLCJ0aXRsZSI6IkFmdGVyIEVmZmVjdHMgQ0MgLSBMJ2Vzc2VudGllbCBkdSBtb3Rpb24gZGVzaWduIChkXHUwMGU5YnV0YW50KSIsImRlc2NyaXB0aW9uIjoiTCdlc3NlbnRpZWwgZHUgbW90aW9uIGRlc2lnbiBwb3VyIGRcdTAwZTlidXRhbnQuIFBvdXIgZGVzaWduZXJzIGZyb250LWVuZCwgZGVzaWduZXJzIGdyYXBoaXF1ZXMsIGNoZWZzIGRlIHByb2pldCwgZFx1MDBlOXZlbG9wcGV1cnMgLkF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9wcmVtaWVyZS1wcm8tZXQtYWZ0ZXItZWZmZWN0cy1jYy1sZXNzZW50aWVsLWR1LW1vbnRhZ2UtdmlkZW8tZXQtbW90aW9uLWRlc2lnbi1kZWJ1dGFudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjMwM1wvYXJkZ2Z5MzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI3NyIsInRpdGxlIjoiQWZ0ZXIgRWZmZWN0cyBDQyAtIE1vdGlvbiBkZXNpZ24gZXQgZWZmZXRzIHNwXHUwMGU5Y2lhdXggY29tcGxleGVzIChpbnRlcm1cdTAwZTlkaWFpcmUpIiwiZGVzY3JpcHRpb24iOiJNb3Rpb24gZGVzaWduIGV0IGVmZmV0cyBzcFx1MDBlOWNpYXV4IGNvbXBsZXhlcy4gT3B0aW1pc2V6IHZvcyBjb25uYWlzc2FuY2VzIEFmdGVyIEVmZmVjdHMuIENvdXJzIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gQ29uc3VsdGV6IGxhIGZpY2hlIGNvbXBsXHUwMGU4dGUhIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9wcmVtaWVyZS1wcm8tZXQtYWZ0ZXItZWZmZWN0cy1jYy1tb3Rpb24tZGVzaWduLWV0LWVmZmV0cy1zcGVjaWF1eC1jb21wbGV4ZXMtaW50ZXJtZWRpYWlyZSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjMwOVwvaGZvYmJiNzgwLmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMDYiLCJ0aXRsZSI6IkRlc2lnbiBldCBjb25jZXB0aW9uIGQnaW50ZXJmYWNlcyBwb3VyIGxlIHdlYiAoVUkpIiwiZGVzY3JpcHRpb24iOiJEYW5zIGNlIGNvdXJzLCB2b3VzIGFwcHJlbmRyZXogXHUwMGUwIGNvbmNldm9pciBldCBjclx1MDBlOWVyIGRlcyBtb2RcdTAwZThsZXMgZXQgaW50ZXJmYWNlcyB1dGlsaXNhdGV1cnMgcXVpIG1ldHRlbnQgbFx1MjAxOWFjY2VudCBzdXIgbFx1MjAxOWFwcGFyZW5jZSwgbGEgZm9uY3Rpb25uYWxpdFx1MDBlOSwgbGUgc3R5bGUgZXQgbGEgc2ltcGxpY2l0XHUwMGU5LiBMZSBkZXNpZ24gVUkgcydpbnRcdTAwZTlyZXNzZSBwcmluY2lwYWxlbWVudCBcdTAwZTAgbGEgY29udml2aWFsaXRcdTAwZTkgZGFucyB1bmUuLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9kZXNpZ24tZXQtY29uY2VwdGlvbi1kaW50ZXJmYWNlcy1wb3VyLWxlLXdlYi11aSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjMxMFwvZHplYmhrNTA0LmJyaW9pbWFnZS5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6Ijk2MCIsImltYWdlX2hlaWdodCI6IjY0MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI4NiIsInRpdGxlIjoiQ29tbWVudCBhdHRpcmVyIHBsdXMgZGUgY2xpZW50cyBlbiB2aXJ0dWVsID8iLCJkZXNjcmlwdGlvbiI6IkNvdXJzIHN1ciBsZSBtYXJrZXRpbmcgZCdhdHRyYWN0aW9uIChJbkJvdW5kIG1hcmtldGluZykuIE1hXHUwMGVldHJpc2V6IGxhIHJcdTAwZTlkYWN0aW9uIGRlIGNvbnRlbnUsIGV0IGxlcyBiYXNlcyBkdSBTRU8uIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9tYXJrZXRpbmctZGF0dHJhY3Rpb24iLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIzMTJcL2Jid2RvbjQ4Ny5icmlvaW1hZ2UuanBlZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiIiwiaW1hZ2VfaGVpZ2h0IjoiIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI0MDYiLCJ0aXRsZSI6IlBvdXJxdW9pIGV0IGNvbW1lbnQgZmFpcmUgdW5lIHRyYW5zZm9ybWF0aW9uIG51bVx1MDBlOXJpcXVlIGQndW5lIFBNRSBlbiB0cmFuc3BvcnQiLCJkZXNjcmlwdGlvbiI6IiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL3BvdXJxdW9pLWV0LWNvbW1lbnQtZmFpcmUtdW5lLXRyYW5zZm9ybWF0aW9uLW51bWVyaXF1ZS1kdW5lLXBtZS1lbi10cmFuc3BvcnQiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjI0ODdcL2pqaGtpYzY5MC5icmlvaW1hZ2UuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIxMjgwIiwiaW1hZ2VfaGVpZ2h0IjoiNTY5In0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI0NTIiLCJ0aXRsZSI6IkNvbW1lbnQgclx1MDBlOXBvbmRyZSBhdXggZGlsZW1tZXMgXHUwMGU5dGhpcXVlcyBxdWkgYXR0ZW5kZW50IGxcdTIwMTloeWdpXHUwMGU5bmlzdGUgZGVudGFpcmUiLCJkZXNjcmlwdGlvbiI6IkNldHRlIGZvcm1hdGlvbiBlc3QgZW4gY291cnMgZGUgZFx1MDBlOXZlbG9wcGVtZW50IGV0IHNlcmEgcHJvcG9zXHUwMGU5ZSBcdTAwZTAgbFx1MjAxOWF1dG9tbmUgMjAyNC5cbkVsbGUgZXN0IGFwcHJvdXZcdTAwZTllIHBhciBsXHUyMDE5T0hEUSBldCBlc3QgYWRtaXNzaWJsZSBkYW5zIGxlIGNhZHJlIGR1IFx1MDBhYlx1MDBhMFJcdTAwZThnbGVtZW50IHN1ciBsYSBmb3JtYXRpb24gY29udGludWUgb2JsaWdhdG9pcmUgZGVzIGh5Z2lcdTAwZTluaXN0ZXMgZGVudGFpcmVzXHUwMGEwXHUwMGJiLlxuQ29kZSBkZXMuLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9ldGhpcXVlLWV0LWRlb250b2xvZ2llIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbWFnZXNcL2Zjc2FlX2RlZmF1bHRfb2dfaW1hZ2VfY291cnMuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI2MDAiLCJpbWFnZV9oZWlnaHQiOiIzMTUifQ==
- Cours à la carte
- Emplacement: En ligne
- Coût : 289,30 $ + tx
- Tarif réduit financé par Services Québec: 30 $ + tx
- Début de la prochaine cohorte : À venir.
- Horaire: De soir
Pour plus d'information
- M. Thomas Baril Lessard
- 418-688-8310 poste 2270
- tbaril-lessard@cegepgarneau.ca