Figma a publié le 11 juin 2026 une extension Chrome officielle qui capture n'importe quelle page web en direct — ou un élément précis de celle-ci — et la colle dans Figma sous forme de calques de design entièrement éditables. Au lieu d'une capture d'écran figée, les designers obtiennent de vrais cadres, calques de texte, images et formes qu'ils peuvent déplacer, restyler et reconstruire sur le canevas. Les outils de capture sont en bêta et réservés pour l'instant aux utilisateurs des forfaits payants.
Points clés
- Capture d'une page web complète, y compris le contenu hors de la zone visible, ou sélection d'un élément unique comme une section hero, une carte ou un bouton
- Les captures sont copiées dans le presse-papiers et collées directement dans Figma Design ou FigJam avec le raccourci habituel
- Le contenu arrive sous forme de calques Figma structurés — cadres, textes, images et formes — et non comme une image statique
- Figma a annoncé une capacité à venir : générer des designs qui s'appuient sur les composants de votre propre design system
- La bêta est limitée aux forfaits payants ; les autres fonctionnalités de l'extension restent accessibles à tous
Détails
Le flux de travail est volontairement simple. Après installation de l'extension depuis le Chrome Web Store, l'utilisateur clique sur l'option de sélection d'élément pour surligner et capturer une zone de la page, ou sur la capture de page entière pour récupérer tout le document. Chaque capture rejoint un panneau dans la barre d'outils et est automatiquement copiée dans le presse-papiers, prête à être collée dans un fichier Figma.
Selon la documentation de Figma, les captures arrivent comme des calques bruts et ne sont pas automatiquement reliées aux composants ou variables de la bibliothèque d'une équipe — du moins pas encore. Dans une publication sur X, l'entreprise a indiqué que la génération de designs utilisant votre propre design system arrive « bientôt », ce qui transformerait les captures brutes en composants conscients du système.
La bêta présente des limites connues. Les sites reposant fortement sur des animations JavaScript, le rendu canvas ou des listes virtualisées peuvent être capturés de manière imparfaite, et les pages privilégiées du navigateur ne peuvent pas être capturées du tout.
Impact
Ce lancement menace directement tout un écosystème de convertisseurs tiers — des outils comme html.to.design et des extensions Chrome similaires construites précisément autour de ce fossé entre le web et Figma. Ce qui était une niche de plugins payants devient une fonctionnalité native de la plateforme.
Plus stratégiquement, l'extension répond à un problème de flux de travail créé par les outils de codage par IA. Comme l'a relevé un designer sur X, les équipes contournent de plus en plus Figma en générant des sites directement avec des agents IA — mais ces interfaces générées ne pouvaient pas facilement revenir dans Figma pour que les équipes de design les peaufinent. Avec cette extension, une page générée par IA devient de la matière de design éditable en un seul collage, bouclant l'aller-retour du prompt au code, puis au canevas et inversement.
La sortie a aussi suscité un débat. Certains designers ont salué le gain de vitesse pour l'analyse concurrentielle et les travaux de refonte, tandis que d'autres se sont inquiétés de la facilité avec laquelle les interfaces de production de n'importe quelle entreprise peuvent désormais être récupérées, modifiées et réutilisées.
Et après ?
Figma annonce l'arrivée prochaine de la génération consciente du design system dans l'extension, qui relierait les calques capturés aux composants et variables existants d'une équipe. Pour l'instant, les outils de capture restent exclusifs à Chrome et en bêta, avec un accès lié aux forfaits payants. Les designers peuvent installer l'extension depuis le Chrome Web Store et commencer dès aujourd'hui à coller le web dans leurs fichiers.
Source : Figma