Media
4 items
Description
For designers & developers. Convert any website into an editable Figma design, extract SVGs, and inspect/download fonts. Web to Design Plus is a browser extension built for UI/UX designers, front-end developers, and product managers. It transforms any webpage you see into editable design assets instantly. Key Features: 1. Capture Entire Page (Web to Figma) - Seamlessly capture the real DOM structure of any webpage. - Automatically map complex HTML/CSS layouts into native Figma layers and Auto Layout properties. - Start redesigning directly from live products. 2. Capture Selection - Selectively highlight and capture specific elements, components, or sections of a webpage. - Filter out irrelevant noise and extract only the exact modules you want. 3. Font Inspector & Audit - Hover over any text to reveal its Font Family, weight, size, line-height, letter-spacing, and color. - Copy precise CSS typography rules with a single click. - Fonts List (Audit): Scan the entire page to see a summarized list of all fonts used and their occurrence frequencies. - Direct Font Download: Automatically sniff font files loaded by the webpage and download them locally (woff2, ttf). 4. Global SVG Sanitizer & Restoration - Employs a pre-capture mutation engine to convert complex web icons into standard SVG nodes. - Supports 5 advanced extraction modes: Standard Inline SVGs, Sprites (<use>), Images/Backgrounds, CSS Masks, and on-the-fly Icon Font (e.g., FontAwesome) vectorization into perfect paths. Privacy & Security: Built with a "Local First" philosophy. All parsing and extraction happen entirely within your local browser. We do NOT collect, store, or upload any of your browsing data or personal information. [v1.1 What's New] 1. Fixed Web Font Download: Added a background proxy downloader to solve cross-origin font downloads (e.g., Google Fonts) and fix duplicate save dialog issues. 2. Global ESC Shortcut Exit: Press ESC (Escape) anytime to instantly quit the font inspector panel or element selection mode.