Figma : Initiation + Approfondissement

Betribsiwwergräifend Formatioun

Wéi laang dauert d'Formatioun?

 5,00 Dag(Deeg)

A wéi enger/n Sprooch(en) gëtt d'Formatioun gehalen?

FR EN

Wéini ass déi nächst Sessioun?

 17.08.2026
Detailer gesinn
Wou fënnt d'Formatioun statt?
 Paris

Wéi vill kascht d'Formatioun?

2475,00€

Wien organiséiert dës Formatioun?

Dawan est un organisme de formations qui propose plus de 1.600 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop etc...

Méi gesinn

U wie riicht sech d'Formatioun?

Intégrateurs/développeurs web, graphistes

Wéi eng Virkenntnesser muss een hunn?

Intérêt pour les web et les applications

Wéi eng Ziler gi verfollegt bzw. wéi eng Kompetenzen ugestrieft?

Comprendre les notions d'interface utilisateur. Créer des wireframes, des maquettes et des prototypes dynamiques d’interfaces utilisateurs.

Wéi gesäit den Inhalt vun der Formatioun aus?

Comprendre les bases de l’UI Design

Présentation de l'interface utilisateur (UI)
La place de l’UI au sein de l’UX
Le rôle de l’UI Designer

Installer Figma

Créer un compte
Les différentes formules Figma
Les fichiers, équipes et projets d’équipes
Gérer et organiser ses projets avec la version gratuite

Comprendre la suite Figma

Faire le tour d’horizon des outils Figma : Design, Figjam, Slides, Buzz, Sites et Make
Comprendre les liens entre les outils
Lier les outils au travers de l’utilisation de la communauté Figma

Prendre en main Figma Design

Comprendre l’interface Design et ses outils
Comprendre l’interface Prototype et ses outils
Comprendre le principe des pages
Découvrir le panneau Layers et Assets

Découvrir les outils essentiels de Figma Design

Comprendre l’outil essentiel des Frames
Utiliser et paramétrer les grilles de mise en page
Utiliser les repères
Naviguer dans la zone de travail
Créer des formes de bases
Créer des courbes avec la plume
Transformer une forme standard en tracé
Ajouter ou soustraire des formes
Gérer la couleur
Créer et éditer du texte
Transformer la boîte de texte
Redimensionner avec l’outil Scale

Manipuler les objets

Importer une ou plusieurs images
Déplacer des images
Créer un masque sur une image
Ajouter des effets
Copier des tracés vectoriels depuis Illustrator
Répéter des éléments et les aligner

Créer et organiser des styles

Comprendre le principe des styles pour automatiser nos actions
Créer des styles de texte, les appliquer et les modifier
Créer des styles de couleurs ou d’effets
Créer des styles de grilles de mise en page
Créer des groupes de style avec le renommage

Atelier: Créer une illustration sur Figma

Travailler avec l’Autolayout  

Comprendre la différence entre frame simple et frame avec option Autolayout
Activer l’autolayout sur des éléments d’interface
Découvrir les paramètres et fonctionnement de l’autolayout
Paramétrer un autolayout

Travailler avec les composants

Créer et modifier des composants
Découvrir les propriétés possibles sur les composants
Ajouter et appliquer des propriétés aux composants
Comprendre le lien entre Composant principal et Instances
Animer ses composants

Atelier: Réaliser de premiers éléments d’interface avec les outils Autolayout et composants

Utiliser les plugins

Choisir et installer un plugin
Découvrir les plugins indispensables
Utiliser les plugins dans ses projets

Atelier: Création d’une onepage

Premiers outils indispensables du prototypage

Maîtriser les contraintes des éléments d’interface
Gérer les défilements verticaux et horizontaux
Comprendre les comportements scroll, fixed et sticky
Définir les comportements scroll, fixed et sticky d’un élément d’interface

Atelier: Création d’un ou plusieurs écrans d’une application mobile Podcasts

Créer des prototypes animés

Découvrir les différents types d’interaction
Découvrir les différents types d’actions  
Comprendre et gérer les différents paramètres d’animations
Visualiser et tester les prototypes
Tester sur Téléphone avec l’application mobile Figma

Atelier: Créer l’ensemble des liens dynamiques et interactifs sur les écrans de l’atelier précédent

Collaborer avec Figma

Partager et commenter une maquette
Travailler en simultané
Utiliser les widgets
Partager son fichier sous forme de librairie
Exporter et sauvegarder ses projets

Travailler avec HTML et CSS

Inspecter le code de ses maquettes
Les plugins pour exporter en HTML/CSS 

Wéi eng pedagogesch Methode gi benotzt?

Active Learning

Wéi gesäit d'Evaluatioun aus?

contrôle continu ou certification si prévue dans le financement

Wéi eng Supporte ginn zur Verfügung gestallt?

Aucun

Wéini ass déi nächst Sessioun?

Datum
Stad
Sprooch & Präis
17.08.2026

21.08.2026
Paris
FR 2475,00€
Detailer gesinn
17.08.2026

21.08.2026
A distance
FR 2475,00€
Detailer gesinn
24.08.2026

28.08.2026
Luxembourg
FR 2475,00€
Detailer gesinn
24.08.2026

28.08.2026
Bruxelles
FR 2475,00€
Detailer gesinn
07.09.2026

11.09.2026
A distance
FR 2475,00€
Detailer gesinn
07.09.2026

11.09.2026
Strasbourg
FR 2475,00€
Detailer gesinn
26.10.2026

30.10.2026
A distance
FR 2475,00€
Detailer gesinn
26.10.2026

30.10.2026
Paris
FR 2475,00€
Detailer gesinn
02.11.2026

06.11.2026
Luxembourg
FR 2475,00€
Detailer gesinn
02.11.2026

06.11.2026
Bruxelles
FR 2475,00€
Detailer gesinn
16.11.2026

20.11.2026
Strasbourg
FR 2475,00€
Detailer gesinn

Wéi kann een d'Formatiounsinstitut kontaktéieren?

Dawan - Service commercial

Dës Formatioune kéinten Iech interesséieren

EN
Dag
Google Web Designer
Op Ufro
Informatik - Analys Programmatioun - Programmatioun - Web-Programmatioun