Figma annonce Figma Sites. Et pas seulement.

News
May 8, 2025
3 min
Figma Sites avec bouton publish
Points clés de l'article

Figma vient d’annoncer Figma Sites : la possibilité (sur le papier) de publier votre design directement depuis votre fichier Figma.

Et ce n’est que l’une des annonces de cette Config 2025.  Depuis, les réseaux s’enflamment : Figma aurait “tué” de nombreuses entreprises concurrentes.

Alors, après quelques heures de sommeil pour digérer tout cela, notre avis est plus mesuré. Figma s’est positionné, oui. Mais la route est encore longue…

Les annonces de la Config 2025

1.1 Grid

Interface de mise en page avec une grille bleue ajustable, contenant des images de paysages, d’un homme au bord d’un lac, et d’un projet sur la Voie Lactée.

L’une des propriétés les plus importantes du Web (CSS) est maintenant disponible sur Figma. Une fonctionnalité qui fait sens, les grids étant largement utilisés sur le Web.

Jusqu’à maintenant, le système de layout dans Figma était principalement limité aux auto-layouts — efficaces, mais dont la logique était propre à chaque designer, et pouvait devenir un casse-tête à mettre en place. Grid vient désormais uniformiser et simplifier l’utilisation de grilles complexes, équivalentes à celles utilisées en CSS.

Cette nouvelle fonctionnalité vient s’aligner encore plus avec le développement sur le plan technique, et reproduire le comportement de layout responsive du web. Sans aucun doute essentiel à la prochaine annonce… Figma Sites !

1.2 Figma Sites

Interface de conception web avec aperçu d’un site artistique sur plusieurs formats (desktop, tablette, mobile), montrant les calques et les paramètres sur le côté.

Transformer un design Figma en un site responsive, en un clic, était une fonctionnalité attendue depuis longtemps par les designers. Et ce jour semble être arrivé.

Figma vient d’annoncer Figma Sites : la possibilité (sur le papier) de publier votre design, directement depuis votre Figma.

La frontière entre design et développement devient de plus en plus fine, et parmi les grandes fonctionnalités annoncées sur ce produit, on retrouve :

  • Responsive Design : les grids et breakpoints permettent de gérer le design de vos maquettes sur différents types de devices, sans avoir à dupliquer de frames. Une logique de “responsive en cascade” permet de personnaliser le contenu et les layouts pour chaque device.
  • Intégration de composants : sur la même logique que les composants et variants dans Figma, les composants Figma Sites permettront de garder une uniformité à travers les différentes pages du site et de simplifier les mises à jour.
  • Les prototypes prennent vie : les interactions de Figma deviennent réellement exploitables en version web ! En bonus, Figma propose par défaut toute une série d’animations dédiées au web.
  • Personnalisation du code : il est possible d’ajouter des fonctionnalités plus techniques avec du code personnalisé en combinant Figma Sites à Figma Make.
  • CMS intégré : à venir… mais permettra d’ajouter ou de modifier du contenu dynamique sur le site.

1.3 Figma Make

AI in Figma: Figma Make

Un assistant IA directement intégré dans l’interface de design (développement ? 😉)

Une logique “vibe-…” super bien intégrée, qui rappelle celle de Lovable : on décrit ce qu’on veut, et l’IA génère directement un composant, une animation, un bout de code.

L’utilisation de Figma Make est très large, mais parmi les premières fonctionnalités, on retrouve la possibilité de :

  • Générer des composants UI via un simple prompt
  • Ajouter des animations et interactions à Figma Sites
  • Convertir un design Figma en code

On passe ici d’un outil de webdesign à une vraie expérience de co-création assistée par l’IA.

Le potentiel est clairement énorme et à suivre de près !

1.4 Figma Buzz

Interface de génération de contenu avec des éléments sélectionnés (nom commun, nom scientifique, image) et un bouton pour créer des actifs visuels sur un animal.

Figma Buzz, c’est le nouveau rendez-vous des designers avec les marketeurs.

L’outil est clairement conçu pour :

  • Garder une cohérence dans les visuels utilisés par le Marketing et la Communication
  • Accélérer la création de contenus

Parmi les fonctionnalités, on retrouve :

  • Des templates personnalisables pour les réseaux sociaux, les publicités, les events, etc.
  • Une interface simplifiée pour les équipes marketing, leur permettant d’éditer facilement leurs visuels sans avoir à faire appel aux designers
  • Une fonctionnalité d’édition “en masse” pour générer rapidement des variants
  • De l’IA pour simplifier la génération d’images à partir de prompts

De quoi faire… le Buzz !

1.5 Figma Draw

Interface de dessin numérique affichant un pinceau appliquant un trait noir sur un fond coloré, avec une barre d’outils graphique en bas.

Il est temps qu’Illustrator laisse place à Figma Draw… ?

Jusqu’à aujourd’hui, l’utilisation des vecteurs dans Figma était… limitée. Quelques formes de base, un outil plume correct, mais pas de quoi faire vibrer un·e graphiste.

Figma Draw transforme l’app en un vrai outil de dessin vectoriel, où l’on retrouve :

  • Barre d’outils de dessin : pinceaux vectoriels, dynamic strokes, stylos, brushes personnalisés…
  • Effets visuels : texture, noise, flou progressif, pattern fill… de quoi styliser sans quitter Figma
  • Textes courbes : possibilité d’écrire le long de formes ou de chemins
  • Réglages typés graphisme : shape builder, lasso, vector warp, transformation avancée
  • Panneau de calques optimisé : navigation plus claire, surtout dans les compos visuelles complexes
  • Interface pensée pour le flow créatif : accès rapide aux outils essentiels, sliders visuels, aperçu en direct

Des features qui devraient limiter les allers-retours entre Illustrator et Figma à présent !

Alors… Website, IA, Marketing Design et Graphisme… Figma devient un outil à 360°. Mais peut-il vraiment concurrencer les spécialistes ?

2. Figma devient un outil à 360°

Suite aux annonces, X s’est enflammé. Figma aurait, selon certains, “tué” de nombreuses entreprises concurrentes.

Notre avis est plus mesuré. Figma s’est positionné, oui. Mais la route est encore longue…

2.1 Figma Sites remplace-t-il Webflow ? Framer ?

Niveau produit, Figma prend des décisions intéressantes pour l’avenir du produit :

  • Une maîtrise du flow design-to-website (HTML/CSS) depuis une plateforme unique
  • Des mises en page responsives générées automatiquement
  • Un CMS intégré
  • Une manière ultra intuitive d’ajouter des animations préconstruites
  • La possibilité d'ajouter du code personnalisé
  • Un assistant IA intégré directement dans le builder

Mais pour être vraiment utilisable pour la création de sites professionnels, certaines fonctionnalités doivent encore être testées — notamment à grande échelle :

  • Les capacités du CMS
  • La gestion des rôles et permissions
  • Les performances des sites en ligne (SEO, vitesse de chargement…)

Et de nombreuses fonctionnalités sont encore manquantes (localisation, espace membres, CRO, etc.), ce qui rappelle que la route sera encore longue, et que Figma Sites n’est encore qu’une version bêta.

À suivre d’ici 2 à 3 ans.

2.2 La difficulté d’être bon partout

Avec ses dernières annonces, Figma élargit considérablement son champ d’action. Mais en visant une approche plus horizontale, l’outil se retrouve à couvrir de nombreux domaines — design, développement, marketing, illustration — face à des spécialistes bien établis comme Webflow ou autres.

Ce positionnement rappelle celui d’Adobe, qui, en cherchant à tout faire, a… pas super bien vieilli.

Alors oui cette roadmap explique les raisons qui ont poussé Adobe à vouloir acquérir Figma il y a quelques années, mais nous restons prudents. La qualité, l’adoption et l’utilisation réelle des outils annoncés — encore en bêta — seront à surveiller de près.

3. Figma "n'est qu'un outil"

Et l’intro de Dylan Field, CEO de Figma, était un bon rappel : in fine, l’IA, le no-code et autres ne sont que des outils. Ce qui compte, c’est notre expérience, notre sens critique et notre capacité à les utiliser intelligemment.

“Design is not just a step in the process, but rather is now the process itself. Design is more than just pushing pixels. Design is leading with curiosity. It’s asking and re-asking “what if” It’s obsessing over the details. It’s chasing a feeling and it’s pushing what’s possible.”
“In a world where AI makes it easier than ever to build software, design is becoming more essential and more powerful. Its craft, its quality, its point of view that makes a product stand out and be loved.”

Conclusion, notre avis d'agence

Sur le papier, la direction produit de Figma est solide et répond à de vrais cas d’usage web. Nous allons clairement suivre cela de près dans les prochains mois et tester le déploiement de ces nouvelles fonctionnalités en bêta.

Concernant le cœur de métier de notre agence, le développement de sites web, Figma Sites semble pouvoir remplacer un outil comme Framer. Mais Webflow conserve une nette avance sur les fonctionnalités avancées de création web professionnelles.

L'équipe Digidop
L'équipe Digidop
Agence Web

Articles qui devraient vous intéresser

Visuel abstrait lumineux avec des dégradés de jaune et orange, accompagné du texte “IA & DESIGN 2025” au centre, suggérant une thématique autour de l’intelligence artificielle et du design pour l’année 2025.
Documentation
IA

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)

Comment l'IA transforme le métier de designer en 2025 (et pourquoi tu ne vas pas disparaître)
Overview du répertoire Webflow Partner mettant en avant plusieurs agences : Digidop, Finsweet, Flow Ninja et Simon Lampert. Le fond bleu présente le logo Webflow Partner à gauche, tandis que les cartes des partenaires affichent leur statut, prix de départ, distinctions, et captures de sites réalisés.
Documentation
Webflow

Le programme partenaire de Webflow

Le programme partenaire de Webflow
Agentic AI vs. Generative AI
Documentation
IA

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

Transformez votre site web en un moteur de croissance.

Nous contacter