Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

Latest Version

Version
0.6
Update
November 29, 2023
Size
35.35KiB
Developer
framer.com
Category
Users
80,000+
Rating
4.71053 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
WebNavigation
See more

HTML to Framer Extension

Once you have installed the extension, simply hover over any element such as text, images, buttons, or entire layouts. Click to copy, then go to Framer and press ⌘V (or Ctrl V on Windows) to paste. Your elements will be pasted with a clean layer hierarchy, ready to be further edited or published immediately within Framer. Pro tip: Hold Shift to copy multiple items for even greater speed. To select a parent element of a site item, press Esc while hovering over it.

Framer is where teams design and publish stunning sites. Try it for free today at framer.com
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HTML to Framer", "version": "0.6", "description": "Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.", "permissions": ["activeTab", "scripting", "webNavigation"], "host_permissions": ["https://*/*"], "background": { "service_worker": "./build/background.js" }, "action": { "default_title": "Start the extension" }, "icons": { "16": "icons/default/icon16.png", "32": "icons/default/icon32.png", "48": "icons/default/icon48.png", "128": "icons/default/icon128.png" }}
Read more