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

Similar Extensions

icon

Cubox Extension · Productivity 581 86 ★ 5.63MiB

icon

Axhub Extension · Productivity 581 30 ★ 2.41MiB

icon

HTML to Figma — Import Webpages to Figma Extension · Productivity 581 1 ★ 99.73KiB

icon

Web to Figma Extension · Productivity 581 12 ★ 945KiB

icon

Element to Figma Extension · Productivity 581 1 ★ 197KiB

icon

FigmaEX Extension · Productivity 581 5 ★ 751KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 581 46 ★ 343KiB

icon

HTML to Figma - by DemoWay (Pixel-Perfect Web to Figma Design) Extension · Productivity 581 9 ★ 9.59MiB

icon

Designer Daily Report Extension · News & Weather 581 383 ★ 65.9KiB

icon

Page to design Extension · Productivity 581 0 ★ 134KiB

icon

html.to.design Extension · Productivity 581 72 ★ 333KiB

icon

FigmaCN Extension · Productivity 581 44 ★ 53.8KiB

icon

Enable UI3 Beta for Figma Extension · Developer Tools 581 36 ★ 108KiB

icon

Axure RP Extension for Chrome Extension · Developer Tools 581 758 ★ 14.44KiB

icon

Eagle for Chrome Extension · Productivity 581 750 ★ 1.33MiB

icon

Codia AI Web2Figma: Import Web to Editable Figma Extension · Developer Tools 581 0 ★ 657KiB

icon

Kimi Copilot - 网页总结助手 Extension · Productivity 581 100 ★ 227KiB

icon

Markflow: Copy Elements to Figma, React, etc. Extension · Developer Tools 581 4 ★ 1.6MiB

icon

Figma Extension · Productivity 581 27 ★ 1.36MiB

icon

Billfish - Free material management tool Extension · Productivity 581 30 ★ 1006KiB

icon

HTML to Framer Extension · Productivity 581 38 ★ 35.35KiB

icon

Axure Cloud Extension Extension · Productivity 581 18 ★ 18.74KiB

icon

语雀浏览器插件 Extension · Productivity 581 18 ★ 4.99MiB

icon

Kimi Explorer Extension · Productivity 581 132 ★ 2.48MiB