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.2 What's New] 1. Figma-Style Smart Measure Inspector: Dynamic element spacing measurement, direct-on-line dimension badges, and enhanced dark-mode Box Model spec panel with corner border-radius badges. 2. Text Typography Inspection: Automatic detection for text elements with line-height bounding extensions and red font-size/line-height badges. 3. Cross-Origin Font Download & ESC Shortcut: Fixed Google Fonts download workflows and added global ESC key support to exit inspection mode instantly.
rating_count is the Chrome Web Store ratings count, not a written-review count.