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.

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.

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?

@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.

This is fire!! 🔥🔥🔥🔥 Congratulations to the team!!

eh, it's not that accurate

Congratulations! You are fantastic. I will share this tool with my designer, and it's an incredibly useful tool for all designers. Do you have plans to integrate it with Figma?

HTML to Framer, huh? So, we're literally ctrl+C, ctrl+V-ing the web now? 😂 But honestly, this is the level of user-centric convenience I've been daydreaming about during those long design sessions. Can't wait to give this a whirl and cut some corners (in the best way possible!). Great hustle, team! 💾➡️🎨

eh, it's not that accurate

Congratulations! You are fantastic. I will share this tool with my designer, and it's an incredibly useful tool for all designers. Do you have plans to integrate it with Figma?

HTML to Framer

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

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

HTML to Framer

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

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

Similar Products

Do you use HTML to Framer?

Do you use HTML to Framer?