HTML to Framer

September 5, 2023

Today we’re excited to introduce a 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 builder, 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. Learn more about the extension and read the FAQs on this page.

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

Today we’re excited to introduce a 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 builder, 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. Learn more about the extension and read the FAQs on this page.

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

Today we’re excited to introduce a 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 builder, 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. Learn more about the extension and read the FAQs on this page.

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