demoway.com

Transform any web into Figma. It Just Pixel-Perfect, Free quota weekly. Even import multiple sequential webpages and actions at once

Latest Version

Version

1.5.2

Update

December 9, 2024

Size

9.59MiB

Developer

demoway.com

HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design) Extension

HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design)

html.tofigma.com Seamlessly blend great designs into your product.

✨ Why HTML to Figma

1. Pixel-Perfect: What you see on the webpage is what you get in Figma
2. 100% original high-definition image: from the source site. No more blurry images on your retina screen.
3. Product Tour: Import multiple sequential pages and interactions at once: Great for making quick adjustments to existing product processes, especially suitable for dashboard-type products.
4. Missing fonts: any missing fonts that are not available on your local will be bundled for you to download and install, supporting various notification methods.
5. Intelligent search: You can keep pages you've previously captured. Later, find them using just a word, a phrase, or a fragment of the URL from the page. `HTML to Figma` now is your asset library. (Option to not save historical data is supported).
6. The browser extension for capturing pages supports both Chrome and Edge.
7. A large number of creators like you are using this plugin worldwide right now. View real-time user distribution statistics map here: https://demoway.com/html-to-figma#user-map

🤞 Scenarios

1. Inspiration from Excellence : Seamlessly integrate great designs into your product to draw inspiration and elevate your design capabilities.
2. Enhance Your Design Iteration: Easily import your existing web products into Figma to refine and redesign your products. This enhances efficiency, allowing you to focus on creativity and optimization without starting from scratch.

🚀 How to: https://demoway.com/html-to-figma/onboard

💬 Support
Try in Figma: https://s.tofigma.com/figma-chrome-store
Chat to us on discord: https://s.tofigma.com/discord-chrome-store
Suggestion & Feedback: https://s.tofigma.com/feedback-chrome-store
Also, Feel free to leave a comment below on this page

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design)", "description": "Transform any web into Figma. It Just Pixel-Perfect, Free quota weekly. Even import multiple sequential webpages and actions at once", "version": "1.5.2", "icons": { "16": "[email protected]", "48": "[email protected]", "128": "[email protected]" }, "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'" }, "permissions": [ "storage", "unlimitedStorage", "activeTab", "identity", "declarativeNetRequest", "offscreen", "fontSettings" ], "host_permissions": [ "*://*/*" ], "action": { "default_popup": "src/popup/index.html" }, "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "content_scripts": [ { "js": [ "assets/index.ts-loader-BXZ_FNyx.js" ], "all_frames": true, "matches": [ "http://*/*", "https://*/*" ], "run_at": "document_end" } ], "web_accessible_resources": [ { "matches": [ "http://*/*", "https://*/*" ], "resources": [ "src/pages/intermediary/index.html", "src/assets/*", "**/*.css", "assets/import-into-figma-DSTpBHWR.webm", "assets/search-BbR4ueFI.webm", "assets/pin_capture-the-page-DE2Xb3DU.webm", "assets/tour-compare-BKumZSRE.webm", "assets/isolated-world-D1Wmrae5.js", "assets/message-D6knev0v.js", "assets/index-RYu1H4dU.js", "assets/content-script-C4vgL5-6.js", "assets/browser-polyfill-DTk4r9WG.js", "assets/switchMap-DRyWVYaE.js", "assets/chunk-E2HJRHOS-3rqnYVbB.js", "assets/chunk-QIZ4XBKF-CHHGXStV.js", "assets/index-C0OiIWBc.js", "assets/index.esm-BnDm1HDg.js", "assets/main-world.ts-7pBZhh_R.js", "assets/interval-Zmy399Z5.js", "assets/_plugin-vue_export-helper-1XBFoXUS.js", "assets/context-CLm0sZEI.js", "assets/index.ts-BxScSjNW.js" ], "use_dynamic_url": false } ]}

Download CRX(9.59MiB)