designer.tool

Rôle

Produit personnel : design, développement, publication

Année

2026

Installer l'extension Chrome Plugin Figma

designer.tool est une extension Chrome qui réunit cinq outils de design utilisables sur n'importe quelle page web, accompagnée d'un plugin Figma. Capturer une mise en page, récupérer une palette, des images ou des typographies, archiver un site dans Notion : tout se fait sans quitter l'onglet en cours.

Pensée comme une quincaillerie moderne, elle rassemble les gestes qu'un designer refait cent fois par semaine, chacun ramené à un clic.

Cinq outils, une extension

page.to.figma

Reconstruisez n’importe quelle page web en calques Figma modifiables. La capture embarque la mise en page, les styles, les textes et les images ; le plugin Figma les redéploie en auto-layout, textes à plages de style et vrais vecteurs. Rien à voir avec un screenshot aplati.

font.finder

Identifiez les typographies réellement rendues à l’écran, prévisualisez chaque famille et ses graisses, puis téléchargez les webfonts en TTF ou OTF installables.

color.piper

Une pipette intégrée au navigateur : cliquez sur n’importe quel pixel pour capturer sa couleur exacte. L’outil génère aussi la palette complète de la page visitée et garde l’historique.

image.saver

Affichez toutes les images d’une page, même celles qu’on ne peut pas télécharger normalement (fonds CSS, chargement différé). Copiez-les dans le presse-papiers ou récupérez-les en un clic.

website.saver

Enregistrez n’importe quel site en un clic depuis le navigateur, avec extraction des métadonnées, et reliez-le à un projet Notion : moodboards, benchmarks, veille créative, avec vos propres tags.