Elias, Studio de branding, partenaire webflow

Figma Sites : le site web comme tu ne l’as jamais designé

Votre marque, notre focus
Votre marque, notre focus
Votre marque, notre focus
Votre marque, notre focus
Branding
Ressources
/
Branding
/
Figma Sites : le site web comme tu ne l’as jamais designé
21/05/2025
9
min

Il y a un avant et un après. Avant, tu designais dans Figma. Ensuite, tu faisais appel à un développeur, tu passais par Webflow ou tu te débrouillais à coups de plugins et de copier-coller hasardeux. Maintenant ? Tu designes et tu publies. Avec Figma Sites, on entre dans une nouvelle ère où le design devient exécutable, le prototype devient produit, et le créateur devient éditeur. Et oui, tout ça, sans quitter Figma.

Figma Sites, c’est quoi au juste ?

Figma Sites, c’est la nouvelle fonctionnalité majeure annoncée à la Config 2025, pensée pour transformer ton espace Figma en véritable studio de création de site web. Concrètement, tu peux désormais créer des pages, les organiser, les personnaliser, et les publier directement depuis Figma. Le tout sans intégrer du code, sans exporter vers un autre outil, et sans attendre qu’un développeur “voie s’il peut le faire en prod”.

Le concept est simple mais révolutionnaire : tu conçois ton site de A à Z dans une interface que tu connais déjà par cœur. Tu ajoutes ton contenu, tes images, tu règles la navigation, tu choisis ou crées un template, tu ajustes les marges et les icônes… et c’est en ligne. Un vrai site web, consultable, partageable, testable. Pas une démo. Pas une maquette. Pas un prototype. Un site.

Figma SItes

Une nouvelle manière de penser le design web

Ce qui rend Figma Sites si excitant, c’est qu’il ne s’agit pas seulement d’un outil de publication rapide. C’est un changement profond de workflow. Avec cette fonctionnalité, Figma dépasse son rôle de simple outil de conception pour devenir un véritable outil de production. Le UI design n’est plus une étape isolée : il devient le cœur du produit. Les pages sont construites avec une vraie logique de structure HTML/CSS, tout en conservant la souplesse et l’intelligence de l’interface Figma. Tu veux ajouter une section “hero” ? Un clic. Un formulaire ? Facile. Gérer des versions mobiles ? Intégré. Tout est pensé pour que tu puisses build, tester, et publier comme un pro, même si tu n’es pas développeur.

Et pour les profils plus techniques, Figma Sites propose également des options pour ajouter du code personnalisé, intégrer des scripts, ou connecter des outils tiers. Bref, chacun y trouve son compte.

{{cta-1}}

Design + contenu + publication = le trio gagnant

Dans un monde où tout s’accélère, où les idées doivent être testées vite, publiées encore plus vite, et ajustées en temps réel, Figma Sites apporte une solution inédite : tu designes, tu construis, tu publies, dans un seul et même espace.

Fini les aller-retours entre les maquettes Figma, les outils de dev, les exports compliqués, et les multiples feedbacks à synchroniser. Là, le design devient le site, et le prototype devient produit. Tu peux enfin présenter un rendu fidèle, fluide, interactif, sans attendre la fin d’un sprint, ni négocier une deadline avec une team développement sous l’eau.

C’est exactement cette approche qu’on a adoptée chez Studio Elias pour le projet Fuga. Fuga, c’est une marque confidentielle au positionnement affirmé, pour laquelle on a conçu une expérience digitale épurée, sensible, et totalement pensée comme un produit complet. Du ton à la direction artistique, chaque page du site a été pensée pour transmettre de manière cohérente l’univers de marque. Dans un contexte comme celui-ci, où design, contenu et publication doivent dialoguer dès le départ, Figma Sites aurait été un bon outil pour concevoir et déployer le site de manière fluide.

Direction Artistique pour Fuga

Parce que c’est bien ça, la force de cette nouvelle fonctionnalité : permettre aux créateurs, aux product designers, aux marketeurs et aux freelances de ne plus dépendre d’une chaîne de production lourde. De pouvoir évaluer une idée, une structure, un message, en condition réelle, sans friction. Tu designes, tu ajustes, tu publies. Et surtout, tu restes maître de ton intention créative.

{{cta-1}}

Un outil taillé pour les créateurs modernes

Les freelances, les marketeurs, les teams produit, les designers solo, les agences… tout le monde peut profiter de cette nouveauté. Figma Sites a été conçu pour être accessible, flexible et efficace. Tu peux démarrer from scratch ou avec un template, construire ton site section par section, et adapter le contenu à ta cible.

Et ce n’est pas un hasard si Figma pousse cette fonctionnalité maintenant : le besoin d’autonomie est partout. Les équipes veulent essayer vite, lancer vite, s’adapter en temps réel. Le passage par un cycle dev classique est souvent trop long. Et c’est justement ce que Figma vient disrupter, en raccourcissant le chemin entre l’intention et l’action.

Tu veux te lancer mais tu ne maîtrises pas encore l’outil ? On a pensé à toi. On a rédigé un tutoriel ultra clair pour te former à Figma en 5 étapes, histoire de prendre en main tout ça sans prise de tête.

Figma + Webflow = plus fort ensemble

Alors, est-ce que Figma va tuer Webflow ? Et bien non.

Figma Sites permet de créer des sites simples, statiques, très utiles pour des tests, des pages de campagne, des présentations, ou des portfolios. Mais dès que tu veux aller plus loin avec du CMS, du SEO avancé, des logiques conditionnelles, des formulaires dynamiques ou des intégrations API, Webflow reste un allié incontournable.

D’ailleurs, chez Studio Elias, on utilise parfois le plugin Figma → Webflow pour profiter du meilleur des deux mondes. On en parle en détail dans notre article Créez votre site Webflow grâce au nouveau plugin Figma. L’idée, ce n’est pas de choisir entre les deux. C’est de composer avec les bons outils au bon moment. Et aujourd’hui, Figma Sites ajoute une option précieuse à cette palette.

Prototyper, tester, publier : enfin sur un même outil

L’un des plus grands apports de Figma Sites, c’est qu’il donne aux créateurs le pouvoir d’aller jusqu’au bout de leur idée, sans dépendance technique, sans attente. Et ça change radicalement les choses :

  • Un designer peut présenter un site réel à un client.
  • Un product manager peut évaluer un parcours en condition réelle.
  • Un marketeur peut lancer une landing page pour une campagne sans bloquer la team dev.
  • Un freelance peut construire son portfolio sans se perdre dans 15 outils.

On passe du design inspiré au design opérationnel. Et ça, c’est un game changer.

Conclusion : un pas de géant pour Figma, un pas de liberté pour toi

Avec Figma Sites, Figma ne se contente plus de t’aider à concevoir. Il t’aide à réaliser. Il te donne les moyens de tester tes idées, de les confronter au réel, de les rendre visibles et partageables. Et surtout, il te permet de rester dans un même espace de travail, que tu sois designer, développeur, marketeur ou créateur de contenu.

Le web devient plus fluide, plus cohérent, plus rapide à construire. Et c’est une excellente nouvelle pour tous ceux qui veulent créer autrement.

Chez Studio Elias, on adore explorer ces nouveaux terrains. Et on est convaincus que Figma Sites ne va pas juste faire parler de lui quelques semaines. Il va changer durablement notre manière de travailler, de livrer, et de collaborer.

Tu veux tester, créer, publier sans barrière ? Figma Sites is made for you.

Elias, Studio de branding, partenaire webflow

Brand Strategy
Brand Identity
Brand Experience
Naming
Copywriting
Brand Idea
Logo
Photographie
Illustration
3D & Motion
SEO
Website
Webflow
Custom Animation
Maintenance
Webdesgin

Nous sommes des créateurs de marque. Nous transformons des projets en marque forte, online.

Articles liés

Votre website : votre nouveau super-pouvoir

Brand Strategy
Brand Identity
Brand Experience
Brand Strategy
Brand Identity
Brand Experience