designer.tool

Rebuild any page in Figma, save sites to Notion, grab color palettes, identify fonts, download images — 5 designer tools.

A small widget that sits on any web page and gives designers the five tools they reach for every day — no tab-switching, no copy-paste gymnastics. 📐 page.to.figma — rebuild the page in Figma Captures the page — layout, styles, texts, images — into a .h2f.json file that the companion "designer.tool" Figma plugin turns into fully editable Figma layers (auto-layout, styled text ranges, real vectors). The plugin also exports Figma frames to editable PowerPoint and Word files (beta). 🔖 website.saver — save the page to Notion One click sends the current page (title, URL, cover, metadata, optional screenshot) to a database in YOUR Notion workspace, via Notion's official sign-in. Great for moodboards, competitive research and reading lists. 🎨 color.piper — the site's real palette Reads the page's actual colors, groups them into a palette, and includes an eyedropper to pick any pixel. Copy any color as HEX with one click. 🔠 font.finder — name that font Identifies the font families the page really renders, shows live previews, and can package webfonts into installable files. 🖼 image.saver — grab the assets Lists the images on the page (including CSS backgrounds) and downloads the ones you pick, at full resolution. Notes • During a page capture, Chrome shows its standard "debugging" banner — this is the API used for full-page screenshots and viewport emulation, attached only while the capture runs. • No analytics, no tracking, no ads. Your Notion token stays on your device. Privacy policy: https://www.paulmailhes.xyz/designer-tool-v2 • Keyboard shortcuts: Alt+Shift+D opens/collapses the widget, Alt+Shift+K switches tools.