Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.
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
Framer is where teams design and publish stunning sites. Try it for free today at framer.com
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