[LIVRE BLANC] Comment réussir sa refonte de site, grâce aux tests utilisateurs ?

Télécharger le livre blanc
Télécharger le livre blanc

F igma a dévoilé 5 nouveautés. Et le message est clair : Figma passe du design à la création de produit tout-en-un. Avec une bonne dose d'IA.

Figma ne fait pas les choses à moitié. Lors de la dernière conférence Config (dont le résumé est disponible ici), la plateforme de design collaborative a annoncé non pas une, mais cinq nouveautés majeures. Et le message est clair : Figma ne veut plus être “juste” un outil de design d’interface.

L’ambition ? Devenir un environnement complet pour imaginer, concevoir, prototyper… et même publier des sites internet.

Voici un tour d’horizon de ces nouveautés, qui redéfinissent les frontières entre design, produit, prototypage et même développement.

Figma Sites : créer et publier un site, directement dans Figma

C’est probablement l’annonce la plus ambitieuse. Avec Figma Sites, Figma devient un véritable outil de création de sites web tout-en-un : design, prototypage et publication, réunis dans une seule interface. Cela permet donc de passer du design à la mise en ligne, sans changer d’outil.

Ce que propose Figma Sites :

  • Copier-coller depuis Figma Design : Passez directement de vos maquettes Figma à un site fonctionnel, sans perte de temps ni de fidélité.
  • 50 templates prêts à l’emploi : Idéal pour démarrer vite, avec des bases solides pour des sites vitrines, portfolios ou landing pages.
  • Blocs + Design System : Intégrez facilement votre design system et profitez de composants web prêts à l’emploi pour gagner en cohérence et en rapidité.
  • Responsive intégré : Les points de rupture gèrent automatiquement les différents formats d’écran (mobile, tablette, desktop…).
  • Interactions avancées : Ajoutez facilement du scroll, du parallaxe ou des animations, sans coder.
  • Prévisualisation & publication en 1 clic : Visualisez directement le rendu HTML sur votre plan de travail… et publiez votre site sur le web instantanément.

En résumé : Figma Sites transforme votre maquette en site web publié, sans développeur, en un temps record.
Un game changer pour les équipes design qui veulent aller plus vite et tester plus souvent.

Figma Draw : dessiner librement, sans contrainte

Avec Draw, Figma ajoute une toute nouvelle dimension à la création visuelle. Plus qu’un outil de dessin, c’est un espace repensé pour illustrer, esquisser et expérimenter librement dans un environnement vectoriel puissant.

Parmi les nouveautés clés :

  • Interface dédiée au dessin : une barre d’outils repensée, un panneau des calques optimisé, et un espace pensé pour les illustrateurs et créatifs.
  • Pinceaux vectoriels : une gamme de pinceaux pour simuler l’effet du dessin à la main, avec la possibilité de créer vos propres styles.
  • Édition vectorielle avancée : outils de lasso, création de formes, sélection multiple… pour plus de contrôle et de précision.
  • Texte sur tracé : appliquez du texte à vos tracés pour des compositions plus dynamiques.
  • Remplissages & effets enrichis : bruit, flou progressif, textures et motifs pour donner du relief à vos créations.
  • Transformations intelligentes : créez rapidement motifs et répétitions grâce aux duplications linéaires et radiales.
  • Tracés dynamiques : ajustez la fréquence et l’ondulation de vos lignes pour leur donner du mouvement et du style.
  • Booleans & SVG optimisés : des opérations vectorielles plus fiables et rapides, avec export amélioré.

En résumé : Draw transforme Figma en véritable terrain de jeu créatif, entre rigueur vectorielle et liberté d’expression graphique.

Grille : des mises en page modulaires et fluides

Avec Grille, Figma enrichit sa logique de mise en page pour faciliter la création d’interfaces adaptatives, propres et bien structurées.

Pensé pour les designs complexes et les systèmes modulaires, Grille permet de :

  • Activer une mise en page automatique basée sur une grille : idéal pour concevoir des galeries, des grilles de type bento, ou tout système visuel structuré.
  • Étendre les éléments sur plusieurs lignes ou colonnes : libérez-vous des contraintes de cellule unique pour un design plus flexible.
  • Contrôler précisément les dimensions des pistes : largeur et hauteur fixes pour garder la main sur les proportions.
  • Aligner design et développement : dans Dev Mode, les grilles sont transposées en CSS pour un passage fluide entre maquette et code.

En résumé : Figma Grille introduit une structure modulaire puissante, pour des mises en page responsives, rigoureuses et prêtes pour le dev.

Aperçu de Grille (source Figma Learn)

Figma Buzz : créez, personnaliser et déployez vos assets à grande échelle

Avec Buzz, Figma facilite la production d’assets conformes à votre charte, tout en accélérant leur diffusion à l’échelle de l’organisation.

Pensé pour les équipes brand, marketing ou social media, Buzz combine modèles, automatisation et IA pour industrialiser la création sans sacrifier la cohérence.

  • Modèles prêts à l’emploi : publiez vos designs Figma en modèles personnalisables, ou utilisez ceux déjà créés par votre équipe.
  • Édition maîtrisée : appliquez des restrictions pour garantir la conformité brand tout en laissant de la liberté quand nécessaire.
  • Création en masse : importez des données depuis un fichier Excel ou CSV pour générer des centaines de visuels d’un coup.
  • Boost IA intégré : suppression de fond, génération d’images, réécriture de textes… Buzz embarque des outils IA pour aller plus vite.
  • Un workflow fluide depuis Figma : copiez un design, transformez-le en modèle dans Buzz, et adaptez-le en quelques clics.

En résumé : Buzz est l’allié des marques pour produire vite, bien et à grande échelle — avec un cadre maîtrisé, des automatisations malines, et la puissance de l’IA.

Figma Make : du design à l’application web, en quelques prompts

Figma Make introduit une nouvelle approche pour transformer un design statique en prototype interactif fonctionnel, grâce à l’IA.

  • Copier-coller depuis vos designs : Importez facilement vos maquettes Figma existantes et donnez-leur vie sans repartir de zéro.
  • Sélection + prompt : Sélectionnez un élément et décrivez ce que vous voulez : Figma Make applique les modifications (interactions, logique, style…).
  • Barre d’outils contextuelle : Modifiez directement texte, conteneurs ou images dans une interface simplifiée, sans toucher au code.
  • Édition du code généré : Un besoin plus spécifique ? Accédez et ajustez le code produit automatiquement.
  • Publication instantanée : Une fois le prototype prêt, publiez-le directement sous forme d’application web.

En résumé : Figma Make ouvre une nouvelle ère pour les designers et PM : créez une version interactive de vos idées en quelques clics, sans attendre le dev. Parfait pour tester un concept, pitcher une fonctionnalité ou explorer un MVP.

Un changement de dimension pour Figma

Avec les annonces de Config 2025, Figma repousse encore les limites entre design, prototypage, développement et publication. Que vous souhaitiez dessiner plus librement (avec Draw), créer des mises en page responsives en quelques clics (Grille), produire à grande échelle des assets conformes à votre marque (Buzz), publier des sites web sans sortir de Figma (Sites) ou transformer un design en prototype interactif grâce à l’IA (Make) : tout est pensé pour gagner en fluidité, en cohérence et en impact.

Ces nouveautés confirment une ambition claire : faire de Figma une plateforme complète, où les idées passent plus vite du concept à la réalité — que ce soit une illustration, une landing page ou un produit web.

Chez UNAMI, on teste ces fonctionnalités de près pour leurs implications en design, prototypage et conseil produit.

👉 Lien vers les release notes

Inscrivez-vous à notre newsletter pour suivre les tendances du marché et l'actualité de l'agence

    À
    lire
    aus
    si

    Coût d’acquisition en hausse, engagement en baisse : retour sur les grandes évolutions de 2024, et les leviers pour améliorer votre conversion en 2025.

    En savoir plus

    Dernière étape du processus d’achat en ligne, l’étape paiement est à optimiser de près.

    En savoir plus

    Comment Jemabonne.fr a boosté sa conversion tout en réduisant son empreinte écologique.

    En savoir plus