Naviguer jusqu'au contenu principal

Figma Design

Conçu pour la vision d'ensemble.
Parfait jusqu'au dernier pixel.

Travaillez comme vous le souhaitez, qu'il s'agisse de concevoir des design systems, de modifier avec l'IA ou d'optimiser les détails.

Un plan de travail sans limites pour créer sans limites.

Dessiner-le, animez-le et créez-le exactement comme vous l'imaginez.

  • Ajoutez une animation

    Créez des animations précises, développez des systèmes d'animation réutilisables et livrez des animations prêtes pour le développement.

  • Pomme rouge sur un fond bleu, vert et bleu clair.Pomme rouge sur un fond bleu, vert et bleu clair.

    Dessinez des illustrations riches

    Créez des designs au pixel près grâce à l'édition vectorielle. Utilisez des pinceaux vectoriels, des paramètres de tracé avancés, des remplissages et bien plus encore.

  • Prompt demandant à l'agent de Figma d'afficher d'autres explorations de design sur l'écran sélectionnéPrompt demandant à l'agent de Figma d'afficher d'autres explorations de design sur l'écran sélectionné

    Discutez avec Figma

    Demandez à l'agent IA de Figma de générer de nouvelles approches de conception, de modifier en masse le texte et les images et d'appliquer votre design system. Tout est directement intégré au plan de travail.

Visualisez le parcours de l'utilisateur avant de concevoir.

Donnez vie à votre design par un prompt, puis donnez-lui une forme jusqu'à obtenir un prototype codé que votre équipe peut voir, ressentir et évaluer.

  • Modifiez par prompt, design ou code

    Créez un prototype haute fidélité avec un prompt dans Figma Make, puis optimisez les détails selon vos préférences : par design, par code ou par prompt.

  • Visuel d'un prototype Make intégré d'une boussole numérique pointant vers le sud-estVisuel d'un prototype Make intégré d'une boussole numérique pointant vers le sud-est

    Intégrez n'importe où des prototypes Make

    Déposez vos prototypes dans Figma Design, FigJam et Figma Slides pour que votre équipe puisse cliquer dessus, interagir avec eux et donner un meilleur feedback.

Les produits que vous aimez sont conçus dans Figma

Nous travaillons tous au même endroit au lieu d'utiliser plusieurs outils. Cette approche facilite la transition d'une tâche à l'autre et réduit les coûts, mais favorise surtout la rapidité et la simplicité. Figma offre ce dont nous avons besoin.

Adam Morris

Responsable du design produit, The Economist

  • 95 %

    95 % des entreprises du Fortune 500 utilisent Figma

Selon les données de mars 2025.

  • logo airbnb
  • logo atlassian
  • logo dropbox
  • logo duolingo
  • logo github
  • logo microsoft
  • logo netflix
  • logo pentagram
  • logo slack
  • logo stripe
  • logo the new york times
  • logo zoom

Concevez les meilleurs design systems du secteur.

Créez une source de vérité unique qui permet à toute votre organisation de concevoir systématiquement des produits de qualité.

  • Faites du design bien pensé la norme par défaut

    Standardisez les styles, les composants, les variables et les modes afin que tout — de la couleur aux marges intérieures en passant par l'animation — s'adapte de manière fluide à vos produits et à vos marques.

  • Choix de la police de caractères, des couleurs et des composants du design systemChoix de la police de caractères, des couleurs et des composants du design system

    Un système que toute votre équipe peut utiliser

    Partagez des bibliothèques, des composants, des polices et plus encore dans toute votre organisation pour que chacun puisse créer à partir de la même base, que ce soit pour une ou plusieurs marques.

Le code et le design fonctionnent ensemble.

Tous vos designs sont connectés à un code réel prêt pour la production. Le produit livré correspond à votre vision.

  • Du design au code, du code au design

    Le serveur MCP de Figma offre aux outils de codage agentique un contexte de conception (par exemple, des variables et des composants) afin que vous puissiez créer à partir de prompts, du code ou en concevant directement.

  • Concentrez-vous sur les détails

    Connectez directement votre design system à votre base de code avec Code Connect, afin que les développeurs obtiennent un code réel et fonctionnel.

Toutes les fonctionnalités puissantes que les designers adorent

  • Figma Motion

    Nouveau
    Keyframes et courbes d’animation ajustées sur une icôneKeyframes et courbes d’animation ajustées sur une icône

    Animez en contrôlant la chronologie ou avec l'assistance des agents, élargissez votre design system pour inclure l'animation et exportez vos fichiers prêts pour le développement.

  • Outils Figma Weave (bêta)

    Nouveau
    Éclairage ajusté sur Clair de lune sur une photo de dunes dans le désertÉclairage ajusté sur Clair de lune sur une photo de dunes dans le désert

    Choisissez parmi une liste de workflows d'IA prédéfinis pour générer des images et des vecteurs directement dans Figma.

  • Plugins conçus par un agent (bêta)

    Nouveau
    UI d'un plugin de création de cartes avec options pour le mode clair et sombre, l'interactivité, les épingles et les couleursUI d'un plugin de création de cartes avec options pour le mode clair et sombre, l'interactivité, les épingles et les couleurs

    Créez avec l'agent Figma des outils et des effets pilotés par prompt que chacun peut appliquer et partager.

  • Nuanciers (bêta)

    Nouveau
    Nuancier de carte de dégradé avec options de couleur et de mélangeNuancier de carte de dégradé avec options de couleur et de mélange

    Créez par vibe coding des remplissages et des effets de nuancier personnalisés à utiliser dans des designs, avec une prise en charge de l'exportation vers Figma Make et d'autres plateformes via Figma MCP.

  • Agent Figma (bêta)

    Collaborez avec un agent pour générer et remixer des designs, automatiser les tâches répétitives et obtenir un feedback sur les designs.

  • Serveur MCP

    Connectez Figma à des outils externes pour que les agents IA puissent lire, consulter et exploiter vos designs dans le cadre de votre workflow.

  • Pinceaux

    Sélection parmi différents tracés de pinceau pour effectuer l'illustration d'un chienSélection parmi différents tracés de pinceau pour effectuer l'illustration d'un chien

    Peignez et ajoutez directement des détails dessinés à la main dans votre fichier de design avec des outils de pinceau qui créent des tracés organiques et texturés.

  • Textures

    Ajoutez de la profondeur et des détails à n'importe quel design avec des effets tels que des ombres, du flou, du bruit, de la texture et du verre.

  • Outils vectoriels

    Créez des icônes, des illustrations et des formes personnalisées avec un ensemble complet d'outils de dessin et d'édition vectoriels.

  • Vectoriser

    Convertissez n'importe quelle image plate et statique en un vecteur modifiable et évolutif en quelques secondes.

  • Composants

    Créez des éléments d'UI réutilisables une seule fois et utilisez-les dans tout votre fichier, pour des designs cohérents et faciles à mettre à jour.

  • Variables

    Différentes variables telles que la police, l'espacement et les couleurs affichées en relation avec un événement dans une application en cours d'exécutionDifférentes variables telles que la police, l'espacement et les couleurs affichées en relation avec un événement dans une application en cours d'exécution

    Appliquez des valeurs réutilisables pour les couleurs, les espacements, le texte et bien plus encore, afin que les modifications soient répercutées automatiquement sur l'ensemble des designs.

  • Emplacements

    Personnalisez les composants (par exemple, les menus déroulants, les fenêtres modales et les cartes) sans détachement, afin que le contenu puisse s'adapter sans casser la structure.

  • Vérifier les designs

    Nouveau
    Vérification des designs côte à côte montrant 3 couleurs à modifier pour correspondre au design systemVérification des designs côte à côte montrant 3 couleurs à modifier pour correspondre au design system

    Comparez vos designs à votre design system, identifiez les éléments non conformes et appliquez la correction appropriée en un clic.

  • Mise en page automatique

    Deux variantes d'un design ajustées en taille avec mise en page automatiqueDeux variantes d'un design ajustées en taille avec mise en page automatique

    Créez des frames qui se redimensionnent et se réajustent automatiquement en fonction des modifications apportées au contenu afin que vos designs s'adaptent sans ajustements manuels.

  • Grille

    Marges intérieures dans une grille de photos en cours d'ajustementMarges intérieures dans une grille de photos en cours d'ajustement

    Concevez des mises en page flexibles (bento, cartes, galeries, etc.) avec un contrôle précis de l'espacement, de la taille et de la structure.

  • Modification multiple

    Sélectionnez et modifiez en une seule fois plusieurs objets à travers des frames et des ensembles de composants.

  • Création de branche et fusion

    Travaillez sur les modifications de design dans une branche isolée et fusionnez-les une fois qu'elles sont prêtes, sans altérer le fichier principal.