Formation Figma à Genève et en Suisse romande
Dessinez vos écrans avant de les faire développer.
DKDP forme vos équipes à Figma, l'outil de conception de maquettes devenu le standard du métier. Wireframes, maquettes, prototypes cliquables et design system : sur vos vrais projets, dans vos locaux, en français.
Programme mis à jour : août 2026
Canva
Figma
WordPress
Elementor
Gratuit
Pour démarrer
Trois fichiers partagés, sans date de fin
Français
Interface disponible
Depuis octobre 2025
1 journée
Pour un écran complet
Wireframe, maquette et prototype
Sur site
Genève et Suisse romande
Dans vos locaux, sur vos fichiers
Ils nous font confiance
Figma est l'outil sur lequel se conçoivent aujourd'hui la majorité des sites web et des applications : on y dessine les écrans, on les assemble en parcours cliquables, et on les transmet aux développeurs. DKDP forme les PME, les startups et les équipes de Genève et de Suisse romande à s'en servir sur leurs propres projets, d'une demi-journée à deux journées, dans leurs locaux.
Pourquoi former votre équipe à Figma
Lancer un projet numérique sans écran dessiné, c'est confier l'interprétation de votre besoin à quelqu'un qui ne connaît pas votre métier. Le résultat est rarement mauvais techniquement. Il est simplement à côté, et on le découvre au moment où le corriger coûte le plus cher.
Quand votre équipe sait maquetter, la discussion change de nature. On ne décrit plus une intention, on montre un écran. Le prestataire chiffre du développement au lieu de chiffrer du flou, et les arbitrages se font pendant qu'ils sont encore gratuits.
Les trois mécanismes qui font Figma
Auto Layout
Responsive sans codeIdéal pour
Des cadres qui s'adaptent tout seuls au contenu et à la taille de l'écran
Bénéfice
Vos écrans mobile, tablette et ordinateur construits en parallèle
Composants
Design systemIdéal pour
Boutons, cartes et formulaires réutilisés sur toutes les pages, avec leurs variantes
Bénéfice
Une modification à un endroit, répercutée partout
Prototypes
Parcours cliquablesIdéal pour
Cliquer d'un écran à l'autre pour valider l'expérience avant le développement
Bénéfice
Démonstrations client, tests utilisateurs, validation interne
Chacun est appliqué directement sur un écran réel de votre activité.
Wireframe, maquette, prototype, design system
Ces quatre mots désignent quatre objets différents, et la confusion entre eux coûte cher en réunion. Voici ce que recouvre chacun, dans l'ordre où on les produit.
Étape 01
Le wireframe
Un wireframe est un schéma en noir et blanc qui pose ce qui va où sur un écran, sans aucune décision graphique. Ni couleur, ni police, ni image : uniquement des blocs et leur hiérarchie.
Ce que ça évite
De discuter de la couleur d'un bouton alors que personne n'est d'accord sur l'ordre des sections.
Étape 02
La maquette
Une maquette est la représentation fidèle de l'écran final : couleurs réelles, typographie réelle, images réelles, aux bonnes dimensions. C'est ce que verra l'utilisateur, en image fixe.
Ce que ça évite
De découvrir le rendu de votre site au moment où il est développé, c'est-à-dire trop tard pour le changer sans coût.
Étape 03
Le prototype
Un prototype relie vos maquettes entre elles pour qu'on puisse cliquer d'un écran à l'autre. Il se teste sur un vrai téléphone, avant qu'une seule ligne de code n'existe.
Ce que ça évite
De faire valider un parcours par une capture d'écran, quand seul l'usage révèle qu'il coince.
Étape 04
Le design system
Un design system rassemble vos éléments réutilisables (boutons, cartes, formulaires, couleurs, typographie) avec leurs règles d'usage. Modifier l'élément d'origine le met à jour partout où il apparaît.
Ce que ça évite
De repartir de zéro à chaque nouvelle page, et de voir cinq nuances d'orange cohabiter sur le même site.
Figma, Canva, Adobe XD ou Sketch
La question revient à chaque cadrage, en général sous la forme « on a déjà Canva, ça ne suffit pas ? ». Réponse honnête : cela dépend entièrement de ce que vous produisez.
| FigmaStandard du marché | CanvaVisuels marketing | Adobe XDEn fin de vie | SketchHistorique macOS | |
|---|---|---|---|---|
| Conçu pour | Interfaces de sites web et applications | Affiches, posts, présentations, documents | Interfaces, à l’époque où Adobe l’investissait | Interfaces, forte culture design |
| Travail à plusieurs | Temps réel, plusieurs curseurs dans le même fichier | Temps réel, très simple à prendre en main | Partage de fichiers, pas de vrai temps réel | Collaboration ajoutée après coup |
| Prix pour démarrer | Gratuit jusqu’à trois fichiers partagés, sans date de fin | Gratuit, offre Pro pour la marque | Plus vendu séparément | Payant dès la première maquette |
| Fonctionne sur | Navigateur, Mac et Windows, interface en français | Navigateur, mobile, Mac et Windows | Mac et Windows | macOS uniquement |
| Transmission aux développeurs | Dev Mode intégré, mesures et code CSS repris directement | Aucune, ce n’est pas sa fonction | Partage de spécifications, développement arrêté | Passe par des extensions tierces |
| Notre verdict | C'est l'outil sur lequel on forme. Le reste de la page part de là. | Excellent pour la communication, inadapté à la conception d'interface. | À écarter pour un nouveau projet : l'outil ne reçoit plus de fonctionnalités. | Solide, mais exclut vos collaborateurs sous Windows. |
Figma
Standard du marché
- Conçu pour
- Interfaces de sites web et applications
- Travail à plusieurs
- Temps réel, plusieurs curseurs dans le même fichier
- Prix pour démarrer
- Gratuit jusqu’à trois fichiers partagés, sans date de fin
- Fonctionne sur
- Navigateur, Mac et Windows, interface en français
- Transmission aux développeurs
- Dev Mode intégré, mesures et code CSS repris directement
- Notre verdict
- C'est l'outil sur lequel on forme. Le reste de la page part de là.
Canva
Visuels marketing
- Conçu pour
- Affiches, posts, présentations, documents
- Travail à plusieurs
- Temps réel, très simple à prendre en main
- Prix pour démarrer
- Gratuit, offre Pro pour la marque
- Fonctionne sur
- Navigateur, mobile, Mac et Windows
- Transmission aux développeurs
- Aucune, ce n’est pas sa fonction
- Notre verdict
- Excellent pour la communication, inadapté à la conception d'interface.
Adobe XD
En fin de vie
- Conçu pour
- Interfaces, à l’époque où Adobe l’investissait
- Travail à plusieurs
- Partage de fichiers, pas de vrai temps réel
- Prix pour démarrer
- Plus vendu séparément
- Fonctionne sur
- Mac et Windows
- Transmission aux développeurs
- Partage de spécifications, développement arrêté
- Notre verdict
- À écarter pour un nouveau projet : l'outil ne reçoit plus de fonctionnalités.
Sketch
Historique macOS
- Conçu pour
- Interfaces, forte culture design
- Travail à plusieurs
- Collaboration ajoutée après coup
- Prix pour démarrer
- Payant dès la première maquette
- Fonctionne sur
- macOS uniquement
- Transmission aux développeurs
- Passe par des extensions tierces
- Notre verdict
- Solide, mais exclut vos collaborateurs sous Windows.
Comparatif établi en août 2026. Adobe a placé XD en maintenance et ne le vend plus séparément depuis l'échec du rachat de Figma.
Trois niveaux, selon ce que votre équipe doit produire
Le contenu est calé lors du cadrage, sur vos projets. Ce découpage sert de point de départ, pas de catalogue.
Découverte
Pour qui
Une équipe qui n'a jamais ouvert Figma et doit pouvoir lire et commenter un fichier.
Maîtrise
Pour qui
Une équipe qui doit produire ses propres écrans et les transmettre proprement.
Avancé
Pour qui
Une équipe produit qui fait vivre une interface dans la durée, pas un projet ponctuel.
Ce que vos équipes en font concrètement
Refondre le site de l’entreprise
Vous décrivez ce que vous voulez à l'agence, elle propose autre chose, et trois allers-retours plus tard le budget a fondu.
Après la formation
Vous arrivez avec les écrans déjà dessinés. Le devis porte sur du développement, plus sur de l’interprétation.
Lancer une application interne
Le projet part en développement sur la foi de captures d’écran et d’un tableau de spécifications que personne ne lit pareil.
Après la formation
Le parcours se teste sur un vrai téléphone avant la première ligne de code. Les erreurs se corrigent quand elles ne coûtent rien.
Tenir une charte sur la durée
Chaque support repart d’un fichier différent, et cinq nuances de la couleur de marque cohabitent sur les documents officiels.
Après la formation
Une bibliothèque partagée fait autorité. Modifier la couleur à la source la met à jour partout, sans repasser sur chaque fichier.
Préparer un appel d’offres
Vous devez faire valider une direction en interne, mais il n'existe rien à montrer, seulement un document de texte.
Après la formation
Une maquette et un prototype cliquable rendent la décision possible. On arbitre sur ce qu’on voit, pas sur ce qu’on imagine.
Documenter une interface métier
Vos développeurs reconstruisent des écrans techniques à partir de consignes orales et de captures annotées à la main.
Après la formation
Le Dev Mode donne les mesures, les couleurs et les exports. La spécification devient lisible sans être designer.
Reprendre la main sur un prestataire
Chaque modification passe par un e-mail, un appel, puis une facture, parce que vous ne pouvez rien montrer vous-même.
Après la formation
Vous produisez la proposition d’écran en interne. Le prestataire exécute au lieu d’interpréter, et vous gardez le contrôle.
Un parcours qui se teste avant d'exister
À la fin de la journée, vos écrans ne sont pas des images dans une présentation. Ils sont reliés entre eux, ouvrables sur un téléphone, et se parcourent comme une vraie application.
C'est le moment où les défauts apparaissent : une étape en trop, un bouton qu'on ne trouve pas, un formulaire trop long. Les corriger prend cinq minutes dans Figma. Après le développement, cela prend un devis.
Pourquoi nous ne faisons pas de session sur catalogue
La plupart des formations Figma de Suisse romande se donnent en salle, à dates fixes, sur un exercice inventé. Ce format existe et fonctionne pour découvrir un outil. Ce n'est pas celui que nous avons choisi.
Une session en salle sur catalogue
Le format le plus répandu en Suisse romande
- Une date fixe, décidée des mois à l'avance
- Un exercice fictif : refaire la maquette d’une application inventée
- Dix participants venus de dix entreprises différentes
- Un rythme unique, imposé au groupe entier
- Un fichier d’exercice qui ne resservira jamais
- Le déplacement de chaque collaborateur, sur son temps de travail
Une session DKDP dans votre entreprise
Le format sur lequel on travaille
- Des dates calées sur votre calendrier et vos périodes creuses
- Vos vrais écrans, votre vraie charte, vos vrais contenus
- Votre équipe seule, qui repart avec un vocabulaire commun
- Le rythme de votre équipe, avec des passages individuels
- Une bibliothèque Figma à votre marque, utilisable dès le lendemain
- On se déplace, dans vos locaux à Genève ou en Suisse romande
À qui s'adresse la formation Figma
Responsables marketing et communication
Chefs de projet et product managers
Fondateurs et directions de PME
Développeurs qui montent en conception
Assistants de direction et pôles internes
Bureaux techniques et services études
Graphistes qui passent à l’interface
Indépendants qui pilotent leur site
Comment se déroule une session
Cadrage en amont
Un échange avant la séance pour identifier vos projets, votre charte et le niveau réel de l'équipe. Le contenu est monté là-dessus.
Structure et wireframes
Les principes de conception, puis vos écrans posés en basse fidélité. On valide les parcours avant toute décision graphique.
Maquettes et composants
Auto Layout, composants réutilisables et bibliothèque à votre marque. Vos écrans passent en haute fidélité, responsives.
Prototype et transmission
Un parcours cliquable testable sur téléphone, et le Dev Mode configuré pour vos développeurs ou votre prestataire.
Un praticien de Figma,
pas un formateur généraliste.
Nous ne mettons pas un formateur bureautique devant un fichier Figma. Les sessions Figma sont animées par un designer d'interface en exercice, dont le profil détaillé vous est transmis avant la première séance, avec ses réalisations.
Satisfaction moyenne sur 500+ participants formés depuis 2015
Il conçoit des interfaces livrées
Pas seulement enseignées. Il travaille sur des projets réels, avec des contraintes de délai et des arbitrages, et c'est ce qu'il transmet.
Il parle aux développeurs
La partie transmission compte autant que le dessin. Le formateur a l'habitude des échanges avec des équipes techniques, y compris non-web.
Vous validez avant de vous engager
Son profil, son parcours et des exemples de son travail vous parviennent au moment de fixer les dates. Rien ne se décide à l’aveugle.
Retours après la formation Figma
“La partie Auto Layout a été une révélation. Je peux maintenant maquetter une page mobile, tablette et ordinateur en parallèle, sans dupliquer le travail. Mes itérations vont trois fois plus vite.”
Julien K., Fondateur
Startup tech, Genève
“On a formé toute notre équipe produit à Figma et au design system. Notre cahier des charges visuel est devenu beaucoup plus précis, et les allers-retours avec notre agence de développement ont nettement diminué.”
Sophie B., Product Manager
Scale-up SaaS, Lausanne
“Le Dev Mode m'a fait gagner un temps fou. Je récupère directement les couleurs, les espacements et le code CSS sans poser une seule question au designer. La transmission est devenue fluide.”
Marc D., Lead Developer
PME industrielle, Vaud
Tarifs de la formation Figma
Le prix dépend du nombre de participants et de la durée. Demi-journée, journée entière ou deux journées, dans vos locaux ou en visio.
Demi-journée
3h de formation + 1h de préparation
Programme personnalise selon vos besoins. Demander un devis
Journée entière
6h de formation + 2h de préparation
Programme personnalise selon vos besoins. Demander un devis
Le programme est personnalise pour chaque entreprise. Devis gratuit sous 48h
Formation Figma à Genève et dans toute la Suisse romande
DKDP est basée à Genève, aux Eaux-Vives, et se déplace dans vos locaux sur l'ensemble de la Suisse romande. Le déplacement est compris dans le tarif pour le canton de Genève et sa périphérie, et chiffré à part au-delà. Pour les équipes réparties sur plusieurs sites, la session peut se tenir en visio, avec les mêmes exercices sur les mêmes fichiers.
Vos questions sur la formation Figma
Parlons de votre projet
15 minutes, c'est gratuit, et on vous dit honnêtement si on peut vous aider - et comment.
Sans engagement · Réponse sous 24h · Eaux-Vives, Genève ou en visio