Framer 的新特性 Relative Overlays 可以帮你更快设计下拉菜单、Tooltip 等，还支持经典的动态安全区域，在鼠标移动时自动预判是否要消失。实际效果可以看 nav.supply，看这里了解更多。

发现两个搜集 Framer 设计和动效的网站，有些还有源文件，在做落地页的时候可以参考。

https://segmentui.com/remix

https://dailyremix.framer.website/

Framer 做了一个 HTML to Framer 浏览器插件，支持直接从网页上复制内容，粘贴到 Framer 画布中，相当于整个互联网上的网页都是你的素材库。关于如何使用可以看更新日志。

基于 AI 的 Framer 组件生成工具，只需要一句描述就可以给你生成 Framer 代码组件。

Framer 支持在创建颜色样式时，根据浅色或深色主题来定义不同的色值。详细说明可以参见 https://www.framer.com/updates/light-and-dark-mode

Framer 支持了全新的悬停、按压、拖动和循环效果。

• Playground：https://fx-playground.framer.wiki/

• Updates：https://www.framer.com/updates/all-new-effects

Framer 支持查看历史记录，通过历史记录可以查看过往的版本，还可以直接从之前的版本复制内容到当前版本，所有的响应式布局都会被保留。也就是说，当你复制了桌面端的图层，它在移动端的响应式规则都会被复制过来。

更多内容可以查看介绍视频：

https://www.youtube.com/watch?v=ZZbWx7NM6g8&t=155s

Framer 支持更多滚动特效，可以制作基于滚动的动画。

• 在线体验：https://transforms.framer.wiki/

• 视频教程：https://www.youtube.com/watch?v=LqmTX8-5bLo

• 效果预览：

使用 Framer 究竟可以做出多酷的网站？这个网站给了我们一个答案。作者 @Jay Ji 说自己想要探索一下 Framer 的边界，在这个网站里面使用了丰富的交互效果，甚至包括拖拽卡片。

可以看这个视频感受下：

Framer 启动 2022 最佳网站征集，如果你使用 Framer 做了一个网站，可以在推特带上话题 #FramerAwards2022 发布来参与竞选，说不定能拿个大奖。

https://framer.com/awards/