Tutos Figma

À quoi sert Figma concrètement ?

Figma sert à concevoir des écrans, des prototypes interactifs et des design systems pour les sites web, les applications mobiles et les outils SaaS. Son point fort tient en un mot : la collaboration. Plusieurs personnes travaillent simultanément sur le même fichier, commentent en contexte et partagent une maquette en lecture par simple URL. C'est la raison pour laquelle Figma a remplacé Sketch et Adobe XD chez la majorité des équipes produit.

Au-delà du dessin pur, Figma propose des fonctions avancées qui changent la façon de travailler : auto layout pour des composants qui s'adaptent à leur contenu, variables et modes pour gérer light/dark theme ou multi-langue, Dev Mode pour livrer aux développeurs un handoff propre avec tokens et code généré. Pour les profils plus orientés exploration, Figma Make transforme un prompt textuel en prototype fonctionnel et Figma Buzz industrialise la production d'assets marketing.

Ce que vous allez apprendre sur Tuto.com

Nos formations Figma couvrent toute la chaîne, de la prise en main de l'interface jusqu'au design d'interface complète. La formation complète Figma d'Olivier Krakus pose les bases sur plus de dix heures de vidéo, du design au prototypage jusqu'à Figma Make. Adrien Gazaix et Enzo Ustariz proposent des ateliers webdesign concrets pour débutants, tandis que May Navarro publie des modules courts sur l'auto layout et la structure d'une maquette. Pour explorer l'IA de Figma, le cours Figma Make montre comment générer une interface à partir d'un prompt, et un module fait le tour de Figma Slides.

Vous trouverez aussi des cours connexes utiles : UI design, UX design, ou la passerelle vers l'intégration web pour transformer vos maquettes en sites réels.

Nouveautés Figma 2026

Figma a frappé fort à sa conférence Config 2026, le 24 juin à San Francisco. La nouveauté phare est Figma Motion : une timeline d'animation native directement sur le canvas, avec keyframes, présets, composants animés et export du code en CSS, JSON ou React depuis le Dev Mode. Figma a aussi présenté les code layers, qui amènent du code exécutable sur le canvas avec un accès anticipé en juillet, des shaders générés par l'agent IA, et un agent Figma enrichi de skills et de connecteurs vers Notion, GitHub ou Slack. Les transforms 3D sont annoncés pour bientôt.

Plus tôt dans l'année, Figma avait déjà accéléré sur la performance, avec une édition vectorielle nettement plus rapide, et sur l'IA, avec Figma Make passé sur mobile. Notre catalogue couvre aujourd'hui Figma Design et le prototypage, avec des cours dédiés à l'animation et aux micro-interactions, à Figma Make et à Figma Slides. Les nouveautés Motion et code ne sont pas encore traitées en vidéo, mais elles s'inscrivent dans la continuité des compétences que vous développez ici.

Historique de Figma

Figma a été fondé en 2012 par Dylan Field et Evan Wallace, et lancé publiquement en septembre 2016. L'outil s'est imposé en quelques années grâce à son architecture web native, qui supprimait les contraintes de version et de compatibilité OS. Adobe a annoncé son rachat en 2022 avant d'y renoncer en 2023 sous la pression des autorités antitrust. Depuis, Figma a continué d'élargir sa suite avec FigJam, Slides, Make, Draw et Buzz, devenant une plateforme produit complète plutôt qu'un simple éditeur de maquettes.

Liens utiles

• Tutos Figma gratuits