Who is the training for?

Intégrateurs/développeurs web, graphistes

Duration

5,00 day(s)

Language(s) of service

EN FR

Next session

09.03.2026

See details

Location

Strasbourg

Price

2475,00€

The content of this page is not available in English

Prerequisites

Intérêt pour les web et les applications

Goals

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

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

Teaching methods

Active Learning

Evaluation

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

Next session

Datum

City

Language and price

09.03.2026

13.03.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

09.03.2026

Additional information

01.06.2026

05.06.2026

Bruxelles

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Schedule

Registration deadline

01.06.2026

Additional information

01.06.2026

05.06.2026

Luxembourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Schedule

Registration deadline

01.06.2026

Additional information

01.06.2026

05.06.2026

Paris

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Schedule

Registration deadline

01.06.2026

Additional information

01.06.2026

05.06.2026

A distance

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Distance

A distance

Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le(s) logiciel(s) installé(s) sur le poste du participant,
Une connexion internet stable,
Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur),
Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Schedule

Registration deadline

01.06.2026

Additional information

29.06.2026

03.07.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

29.06.2026

Additional information

17.08.2026

21.08.2026

Paris

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Schedule

Registration deadline

17.08.2026

Additional information

17.08.2026

21.08.2026

A distance

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Distance

A distance

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Schedule

Registration deadline

17.08.2026

Additional information

24.08.2026

28.08.2026

Bruxelles

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Schedule

Registration deadline

24.08.2026

Additional information

24.08.2026

28.08.2026

Luxembourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Schedule

Registration deadline

24.08.2026

Additional information

07.09.2026

11.09.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

07.09.2026

Additional information

26.10.2026

30.10.2026

Paris

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Schedule

Registration deadline

26.10.2026

Additional information

26.10.2026

30.10.2026

A distance

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Distance

A distance

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Schedule

Registration deadline

26.10.2026

Additional information

02.11.2026

06.11.2026

Bruxelles

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Schedule

Registration deadline

02.11.2026

Additional information

02.11.2026

06.11.2026

Luxembourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Schedule

Registration deadline

02.11.2026

Additional information

16.11.2026

20.11.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

16.11.2026

Additional information

Organization contact details

Dawan - Service commercial

commercial@dawan.fr
+33 (0)9 72 37 73 73

Learn more about the training provider: DAWAN

These courses might interest you

Linux LPIC-1 - Préparation à la certification

On request

Computer science - Computer operating systems - Linux

01.01.2099

Linux Administration : Bases + Services

Strasbourg

Computer science - Computer operating systems - Linux

09.03.2026

Llama API : Initiation

Strasbourg

Computer science - Artificial intelligence

23.02.2026

Algorithmique

On request

Computer science - Analysis programming

01.01.2099

Active Directory : Approfondissement

Luxembourg

Computer science - Computer operating systems

26.02.2026

Figma : Initiation + Approfondissement

Who is the training for?

Duration

Language(s) of service

Next session

Price

Prerequisites

Goals

Contents

Comprendre les bases de l’UI Design

Installer Figma

Comprendre la suite Figma

Prendre en main Figma Design

Découvrir les outils essentiels de Figma Design

Manipuler les objets

Créer et organiser des styles

Atelier: Créer une illustration sur Figma

Travailler avec l’Autolayout

Travailler avec les composants

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

Utiliser les plugins

Atelier: Création d’une onepage

Premiers outils indispensables du prototypage

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

Créer des prototypes animés

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

Collaborer avec Figma

Travailler avec HTML et CSS

Teaching methods

Evaluation

Next session

Organization contact details

These courses might interest you