Import webpage to Figma

Latest Version

Version
0.0.1
Update
February 21, 2024
Size
584KiB
Developer
Category
Users
581
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
Scripting
Debugger
ActiveTab
Tabs
See more

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

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