๐Ÿ†• Framer Sites Changelog
Updates for Beta Framer Sites please see Getting Started and the FAQ. Feel free to comment [Draft] Items are landing soon (next few days).

 

๐Ÿ†• [Draft] 3D Effect Options

โ€‹@Adam Sโ€‹ โ€‹@Benjamin dโ€‹ย 

We are adding rotateX, rotateY, rotateZ and perspective to the effect options so you can make 3D (or more 2.5D) visual effects. You can see and example here: 3d.framer.website.


 

๐Ÿ†• [Draft] Native gap for Stack (Flexbox)

โ€‹@Shuang Qโ€‹ย 

Flexbox now has decent browser support for gap. We decided to upgrade our Stack component to support this natively. The main reason was to avoid jumps when pages load. The technical story is that when we pre-render (SSR) the gap value would not be drawn before the JavaScript was loaded. Once your page was hydrated the gap would be added, potentially causing a jarring layout jump. Additionally we also needed this change to support flex-wrap-order in the future, so that you can re-order your Stack on different breakpoints.

 

๐Ÿ†• [Draft] Vector editing improvements

โ€‹@Marc Bโ€‹ย 

We fixed and improved a few things around the vector editing experience in Graphics:

  • Points and Bรฉzier handles now have a distinct hover appearance and more generous selection targets.
  • Dragging points/handles around wonโ€™t trigger hover appearances on other points/handles/curves.

 

๐Ÿ†• [Draft] New Text Editor (ProseMirror)

โ€‹@Konstantin Pโ€‹ (employee only)

We have rewritten the text editor from scratch to support things we want to introduce like: semantic elements (h1..h3, li, etc.), Markdown support, styled copy and pasting (from for example Notion or Google Docs) and general styles support. We will start working on these features over the next few weeks.

But most importantly this should really improve the text editing experience. Editing large text elements should feel much faster. Entering edit mode should feel snappy and less jumpy. The generated html from the text editor is super clean. Overall, a huge step forward.

 

๐Ÿ†• [Draft] Dynamic Image Compression (.webp)

โ€‹@Piotr Kโ€‹ (rolled out to 10% of all images)

Now that your Framer websites are extremely optimized (we use every trick in the book, from static pre-rendering to Brotli compression) the slowest parts of your site are the ones that take up the most kilobytes. Typically these are your images. We have always been trying to be smart about those, for example, if you upload a photo in png format, we quickly figure out that jpg compression is more efficient and automatically switch it up for you.

But an even better way is to use more modern image formats. The currently widely supported webp format is typically 30-50% smaller at the same image quality. It supports lossless compression and transparency (like png) but is also great at photo type compression (like jpg). We now dynamically serve the best image format your browser supports on the fly, saving up to 50% of the bandwidth for image heavy sites.

You need to re-publish your site to see these changes.

 

๐Ÿ†• [Draft] Preload linked pages

โ€‹@Piotr Kโ€‹ โ€‹@Ivan Aโ€‹ย