HTML to Framer

HTML to Framer

Move your site to Framer, one copy paste at a time

4.0•3 reviews•

298 followers

Visit website
Bring your own website into Framer with a few clicks. 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.
HTML to Framer gallery image
HTML to Framer gallery image
HTML to Framer gallery image
Free
Launch tags:
Chrome Extensions•Design Tools•Website Builder
Launch Team

What do you think? …

Edoardo Mercati
Maker
📌
Hi everyone! We’re excited to introduce our new Chrome extension: HTML to Framer. Effortlessly copy and paste web elements from any of your own sites, whether they are made with HTML & CSS or any other no-code website builders, and edit them directly in Framer. When you paste a section with multiple items, empty divs will be discarded leaving an ultra clean layer hierarchy, making it easy to further edit the page, add breakpoints, and publish your website right away. - Install the extension, go to your site and hover on an item to copy. - Hold Shift to copy multiple elements, for even greater speed. - To select a parent element of an item, hit Esc while hovering it. - In Framer, use ⌘V to paste on Mac, or Ctrl V on Windows.
Darya Antonyuk
Hey there, congrats on the launch! How does the extentions handle complex websites with dynamic content? Are there any limitations or considerations we should keep in mind?
Edoardo Mercati
Maker
@darya_antonyuk hi! The extension imports static elements with all their styles, as well as entire layouts with a clean layer hierarchy, for now. Animations and interactive elements won't be imported, so you'll have to re-add them in Framer manually.
Pedro Martinho
This is fire!! 🔥🔥🔥🔥 Congratulations to the team!!