Import webpage to Figma
Drafito Extension
How to convert a web page to a Figma design file:
1、Install the Chrome extension.
2、Visit the webpage you want to import.
3、Click the extension icon, select \"Export Page\" or \"Select Element\" to export as JSON.
4、Open your Figma design file and run the Draftito plugin.
5、Import the downloaded design JSON data.
Read more
1、Install the Chrome extension.
2、Visit the webpage you want to import.
3、Click the extension icon, select \"Export Page\" or \"Select Element\" to export as JSON.
4、Open your Figma design file and run the Draftito plugin.
5、Import the downloaded design JSON data.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.0.1", "name": "Drafito", "manifest_version": 3, "description": "Import webpage to Figma", "icons": { "16": "img/icon-16.png", "48": "img/icon-48.png", "128": "img/icon-128.png" }, "action": { "default_title": "Drafito", "default_popup": "popup.html" }, "background": { "service_worker": "static/js/background.js" }, "permissions": [ "scripting", "debugger", "activeTab", "tabs" ], "web_accessible_resources": [ { "resources": [ "sandbox.html", "bridge.html", "static/js/figma.js" ], "matches": [ "" ], "extension_ids": [] } ]}
Read more