更新日志

我们对内置分析功能进行了一些改进，首先是为 A/B 测试添加了自定义分发选项。这对于在更大范围推广之前先向小部分受众推出变体非常有用。通过这种方式，你可以测试重新设计或其他更新，并快速衡量影响。除了自定义分发，我们还添加了更多改进。

新增功能

• 新增按跟踪 ID 筛选

• 新增文件夹以组织侧边栏

• 新增 A/B 测试的自定义分发

• 新增对 CMS 页面的 A/B 测试支持

• 新增 Pro 套餐网站的扩展历史记录

• 新增地理位置部分的系统语言

改进优化

• 提升了查看分析数据的速度和准确性

• 改善了 Pro 套餐中 Convert 附加组件的可用性

Framer 动态筛选功能

Framer 正式推出动态筛选功能。它为你的 Framer 站点带来强大且高度自定义的 CMS 内容筛选能力。配置过程非常简单。选中一个集合列表，前往筛选面板中新增的 Dynamic 区域，按需添加搜索框、标签栏、开关、下拉选择或复选框。一切即刻生效，无需复杂配置。每个筛选器会自动关联到页面变量。由于筛选器不依赖特定图层，你可以将其放置在页面任意位置，布局完全自由，同时可以像编辑画布上的常规图层一样，完全自定义控件的外观与交互。你还可以通过重置变量来添加"清除筛选"按钮，让访客一键恢复初始状态。该功能与 Framer 已有的空状态展示和分页等功能完全兼容。动态筛选让高级筛选变得轻而易举，我们迫不及待想看到你用它创造出的作品。

CMS 中的组件功能介绍

在编写富文本内容时，组件（Components）让你突破纯文本、图片和表格的限制。你可以将画布（Canvas）上创建的任何组件直接拖放到内容中，轻松实现动态画廊、交互式嵌入内容以及邮件订阅表单等功能——全部嵌入在你的正文之中。

无论你是在 CMS 中编辑，还是直接在画布上操作，插入组件的体验都快速且熟悉，使用的是你在资源面板（Assets panel）中已经熟知的文件夹结构。

组件添加后依然保持完全的灵活性，你可以在当前上下文中调整属性（Properties）、变体（Variants）和对齐方式。当存在与你的断点（Breakpoints）匹配的变体时，组件还会自动实现响应式适配。

最终效果是：页面更丰富、更具动态表现力，交互元素自然地穿插在段落之间，全部在你的内容中直接管理。

从今天开始，你可以直接在画布中为 CMS 集合列表添加和自定义空状态。

当集合为空，或者筛选器没有返回结果时，你现在可以显示一个专门的空状态，而不是在预览和已发布的网站上显示空白区域。

要添加空状态，选择一个集合列表，将 State 属性切换为 Empty，然后一键添加一个空状态图层。Framer 会使用新的 Visible Items 变量自动管理可见性，同时你仍然完全控制布局、样式和内容。

这样你就可以添加文字、图标、按钮和链接来引导访客，让空页面看起来是有意为之且有用的。这是迈向更动态 CMS 集合的第一步，后续还会有更多功能推出。以下是其他更新内容：

新增

• 新增为 CMS 列表设置空状态的功能

• 新增详情页选择器中的草稿标记

• 新增导入图片时的 Alt 文本支持

• 新增删除正在使用的字段时的警告提示

• 新增集合项目变量到搜索功能

• 新增页面内编辑链接的支持

改进

• 改进重新生成之前的 AI 翻译

• 改进 CMS 中草稿项目的区分度

• 改进添加新 CMS 字段时的用户体验

• 改进本地化空状态的清晰度

• 改进语言选择器的行为

修复

• 修复复制集合时缺失草稿状态的问题

• 修复滚动恢复与无限滚动的冲突

• 修复筛选器弹出框的一些滚动问题

• 修复 RTL 文本方向不可预测翻转的问题

• 修复特定格式文件上传失败的问题

• 修复长文本与状态标签重叠的问题

本月的插件更新由新的 createManagedCollection API 领衔。它为插件作者提供了一种更简洁的方式，可以在所有模式下可靠地创建和管理 CMS 集合，让工作流程无需额外设置即可持续运行。我们还对插件和 CMS 同步进行了改进，包括 CSV 导入更新，使数据迁移更加便捷。查看更新日志。

通用

• 添加了 setCloseWarning() 用于更安全的插件关闭处理

• 添加了 displayTime 属性以在日期字段上显示时间

• 修复了 createCollection，现在在所有模式下都能一致工作

• 修复了富文本中过时的 YouTube 嵌入导致的崩溃问题

• 修复了启用搜索时 Safari 上下文菜单的布局问题

插件

• Ashby：通过集合引用支持多个次要位置

• CSV 导入：新增映射、集合创建和 DateTime 支持

• HubSpot：修复了身份验证重定向问题，使登录更顺畅

• Workshop：现在可以干净地支持外部更改和手动编辑

• CSV 导入、Notion、Google Sheets：现在在关闭时显示警告

Framer 的页面编辑功能现在对设计师和编辑者都更加灵活强大。编辑者可以直接在页面上重新排列内容，包括文本、框架和组件，轻松调整副标题、卡片和区块等元素的顺序，尝试不同的内容排列方式。视觉更新也更快了，只需一键即可切换图标和组件变体，以更好地匹配页面内容。设计师仍然拥有完全控制权，可以使用 ⌘ + L 锁定特定图层或区块来防止意外修改，同时仍允许快速、有意的编辑。此外，页面编辑现已全面支持本地化，只需访问本地化页面并点击编辑，即可实时更新本地化的文本和图片。应广大用户要求，圆形编辑按钮现在可以移动到屏幕任意位置，避免遮挡网站内容，而大量使用页面编辑的团队也可以轻松管理特定项目的邮件更新通知。

本次更新的核心是全新的 Create Collection API，插件可直接创建 CMS 合集并自动聚焦，无需手动设置即可继续导入数据等后续操作。此外还优化了插件体验和 CMS 同步的稳定性，新增了溢出处理、文本截断等布局与导航功能，并改进了 zoomIntoView 的行为表现。希望这些更新能帮助你构建更强大的插件。更多详情请点击此处。

通用

• 新增 z-index 支持，可控制插件的层叠顺序

• 新增溢出支持，优化滚动和裁剪控制

• 新增插件背景消息设置功能

• 新增文本截断支持，改善插件 UI 布局

• 新增创建 CMS 合集的 API createCollection

• 为 zoomIntoView 和 navigateTo 新增 skipIfVisible 参数

• 允许禁用代码组件的"通过插件编辑"功能

• 修复托管合集同步时出现重复项的问题

• 修复插件关闭时 Collection.setAsActive() 的问题

• 插件 SVG 大小限制从 4KB 提升至 10KB

插件

• CMS 导入：现可自动识别富文本中的 Markdown

• CSV 导入：插件现可选择/创建合集

• Recruitee：导入现支持可选的职位字段

• Notion：公式现可用作 slug 字段

• Notion：改进了 API 速率限制的处理

第十六期 Framer 字体上新™来啦！本次为我们精选的开源字体库新增了 Tiny 5×3、Xx Stardust、Wavetosh 和 St. Martin 四款字体。

现在你就可以在字体选择器里找到它们，用在你的下一个模板或网站项目中。

想让你自己的开源字体也出现在 Framer 里吗？欢迎随时联系我们，我们一直在寻找更多优质字体。

本期字体：

• Tiny 5×3 by Jack Halten Fahnestock

• Stardust by Studio Mucho Gusto

• St. Martin by Carl J. Kurtz

• Wavetosh by GGBot

自动重命名功能是一种由 AI 驱动的图层重命名新方式。只需选择您想要重命名的图层，然后在 macOS 上按 ⌥ + R，或在 Windows 上按 ALT + R，我们就会神奇地为图层重命名。这有助于保持您的项目整洁易管理，无需任何手动操作。

Framer 会检查您的图层所代表的内容，并为其生成简洁的名称。请观看我们在 YouTube 上的简短演示视频，了解此功能可以生成的图层名称效果。

🎉 重大版本更新 - 全新升级体验

我们迎来了史上最大规模的版本更新！这次更新几乎重构了整个平台，为您带来前所未有的使用体验。

✨ 主要更新内容

1. 🎨 全新 UI 设计

网站界面全面升级，采用与 Framer 一致的设计语言，让您在学习和使用过程中获得更加流畅统一的体验。

2. 💡 灵感页面正式上线

全新推出的灵感中心，汇集全网优秀网页设计案例。为您的 Framer 创作提供源源不断的灵感来源，让设计不再枯竭。

3. 📚 文档 100% 汉化

Framer 官方文档现已完成全量汉化，每一个细节都经过精心翻译和校对，让中文用户学习 Framer 再无语言障碍。

4. 📰 博客系统全面开放

全新的博客板块正式上线，提供最新的行业资讯、深度教程和优质资源分享，让您始终站在设计前沿。

5. 🚀 400+ 高阶组件上新

新增超过 400 个精心设计的高阶 Framer 组件，覆盖各类复杂交互场景，助您快速搭建专业级网站。

6. 🏗️ 300+ 区域模块扩充

一次性新增 300+ 预设计区域模块，涵盖首页、产品展示、团队介绍等各类常用版块。内容之丰富，更新之巨大，让我们都数不过来了！

7. 🔍 全站搜索功能上线

随着资源库的急速扩充，我们推出了强大的搜索功能。现在您可以快速检索组件、模板、教程等所有内容，让海量资源触手可及。

8. 📢 Framer 官方更新追踪

更新页面新增 Framer 官方更新板块，第一时间推送 Framer 的功能更新和改进，让您永远不错过任何重要特性。

这次更新凝聚了我们数月的心血，希望能为您带来更好的使用体验。感谢您一直以来的支持，让我们一起在 Framer 的世界里创造更多可能！

今天我们推出了相对日期功能，这是 CMS 中呼声很高的一个功能需求。现在您可以显示动态日期值，如"今天"、"昨天"或"1周前"，让您的内容感觉更自然、更及时。

要使用此功能，请选择任何连接到 CMS 集合的日期，打开文本转换弹窗，然后选择"相对"作为显示类型。您还可以通过调整大小写格式，以及在短、中、长样式之间进行选择来微调显示效果。

相对日期完全兼容本地化功能，因此它们会自动适应您网站的语言。

本次更新带来了多个令人兴奋的新功能和内容，旨在帮助您更轻松、更高效地构建卓越的网站体验。

🎛️ ​​1. 全新拟物化组件库，零代码打造复古交互​​

我们新增了​​6款​​精美的拟物化（Neumorphic）交互组件，助您轻松构建极具质感和深度的用户界面。所有交互均可在Framer内直接完成，​​无需编写任何代码​​！

• ​​Triple Light Switch​​ (三联灯开关)

• ​​Dot Switch​​ (点状开关)

• ​​Hollin' Volume​​ (霍尔音量控制器)

• ​​Triple Push Buttons​​ (三联按钮)

• ​​Digital Clock Radio​​ (数字时钟收音机)

• ​​Rotary Radio Player​​ (旋钮收音机播放器)

​​➡️ 立即体验：​​ 在您的Framer项目中搜索这些组件，感受无代码交互设计的魅力！

🌊 ​​2. Foll-ow 导航组件，复刻无缝沉浸体验​​

我们深度更新了 ​​Foll-ow 导航组件​​！现在，您可以使用Framer轻松复刻其官网那种​​无缝衔接、丝滑流畅的沉浸式浏览效果​​。无论是视差滚动、平滑过渡还是微交互，都能完美实现，极大提升您网站的现代感和专业度。

​​🚀 尝试一下：​​ 将组件拖入画布，自定义您的内容，即可获得同样惊艳的视觉效果。

📚 ​​3. 新文章：Framer vs Figma Sites，终极对决！​​

Figma刚刚推出了自家的网站构建器 Figma Sites，每个人都在问：​​它能否与Framer一较高下？​​

我们撰写了这篇深度对比文章，将它们放在一起进行全面分析，从​​易用性、模板质量、性能SEO、高级功能到定价​​，帮你厘清主要区别，做出最明智的选择。

​​🤔 阅读指南：​​ 想知道哪个工具真正适合你的需求和工作流？这篇文章将给你答案！

🖼️ ​4. 体验优化：封面图适配全新灯箱效果​​

为了提供更现代、更流畅的用户体验，我们为​​模块详情页的封面图​​部分适配了Framer最新版本的灯箱（Lightbox）效果。

• ​​交互升级​​：用户点击封面图后，即可享受背景变暗、图片平滑放大至屏幕中心的沉浸式查看体验。

• ​​视觉提升​​：新的灯箱动画更加细腻流畅，让您的作品集和图片展示更具质感。

• ​​无需配置​​：此优化已自动应用，为您带来开箱即用的现代化交互。

​​💡 总结​​

本次更新继续强化了Framer在​​无代码交互设计​​和​​专业网站构建​​方面的领先地位。无论是追求独特的视觉风格，还是需要极致的性能和功能，Framer都能为您提供强大支持。

快去探索这些新内容，将您的项目提升到新的水平吧！

本次更新重磅推出限时免费模板，并带来一系列炫酷的新组件和资源库，助您打造更具互动性和设计感的网站！

🎉 新模板限时免费！​​

​​【Aylix】—— 人工智能与SaaS品牌的优雅之选​​

• ✨ ​​简介​​：专为AI初创企业和SaaS品牌打造的时尚Framer模板。

• 💎 ​​功能​​：优雅地展示您的按需人工智能团队、集成功能、自动化流程和合规情况。

• ⏰ ​​限时免费赠送活动​​：

  • ​​📱 小红书平台​​：关注我们，私信​​FramerAylix，并点赞/收藏/关注指定笔记，即可免费获得模板兑换码！

    

  • ​​💬 微信公众号​​：关注我们，私信FramerAylix，即可免费获取该模板的Figma设计源文件！

    

  • 立即行动，用兑换码免费兑换模板，快速启动您的项目！

​​🧩 炫酷新组件​​

我们新增了5个极具表现力的组件，让您的网站动起来：

• ​​⛓️ 重力文本 (Gravity Text)​​：模拟重力对字母产生影响的文本组件，让每个字符都拥有物理质感。

• ​​🌀 波普网格 (Pop Grid)​​：适用于Framer的波普网格组件，能在形状网格上创建生动有趣的动画效果。

• ​​🧈 可拖动Bento (Draggable Bento)​​：支持实时拖放和重新排列，搭配如黄油般流畅顺滑的动画。

• ​​🖱️ 运动轨迹光标 (Motion Trail Cursor)​​：一款流畅、具有方向感知功能且可完全自定义的光标，为交互增添乐趣。

• ​​🌈 流体网格渐变 (Fluid Grid Gradient)​​：轻松在Framer中创建流畅、动态的网格渐变背景，提升视觉层次。

​​📚 新资源库​​

• ​​【FramerCN模板库】正式上线！​​

  面向不同团队和场景的精选Framer模板集合。无论您是初创公司、工作室还是个人创作者，都能在这里找到灵感，​​只需几个小时，就能从想法变为上线的网站​​。

​​🐛 Bug 修复与优化​​

• ​​已修复​​：解决了H5移动端导航菜单展开后，项目分布不均匀导致的布局错位问题，现在导航体验更完美了！

希望您喜欢本次更新！立即尝试新功能，打造您的下一个杰作吧！ 🚀

本次更新我们带来了一个精心打造的​​拟物风格（Skeuomorphic）UI组件合集​​，旨在帮助您无需代码即可在Framer中构建出质感十足、交互惊艳的设计。所有组件均可一键复制，立即使用！

​​✨ 更新内容​

• ​​🔄 拟物风格转动组件​​ - 带来复古表盘般的精准操控感。

• ​​🔄 拟物风格切换组件​​ - 在两种状态间优雅滑过，反馈清晰。

• ​​🔘 拟物风格按钮组件​​ - 拥有逼真的按压质感与物理反馈。

• ​​📜 拟物风格滚动组件​​ - 模拟实体滚轮的顺滑与阻尼感。

• ​​🎚️ 拟物风格滑块组件​​ - 像调节物理旋钮一样直观地控制数值。

• ​​🔌 拟物风格开关组件​​ - 经典拨动开关，咔哒声仿佛就在耳边。

• ​​📸 拟物风格相机交互组件（重磅推荐！）​​ - 此组件设计极为精巧，涵盖了在Framer中使用​​变体（Variants）​​ 构建复杂交互的大部分高级技巧。通过它，您可以深入探索如何将多个交互逻辑无缝衔接，创造出令人惊叹的流畅效果。

🐛 问题修复

• ​​✅ 修复了组件库页面更新消息入口无法正常进入的问题​​ - 现在您可以顺畅地访问所有更新动态了。

​​🚀 立即体验​​

欢迎复制使用这些组件，尽情探索如何在Framer中​​无需一行代码​​，即可轻松构建出拟物化的精致设计和令人叹为观止的交互效果！

希望它们能激发您的创作灵感！💡

本次更新我们带来了大量炫酷的 Framer 组件和效果，并对一些关键问题进行了修复，让你的网站体验更上一层楼！

🚀 ​​新增超强组件​​

• ​​🔥 热成像效果​​

  全新可定制热成像组件！现在你可以自由调整热图的颜色、对比度、灵敏度和动画速度，创造出独一无二的视觉冲击。

• ​​🔄 文本切换​​

  想让你的标语动起来？这个组件能让你展示一系列词语，并通过3种不同的动画效果让它们优雅地淡入淡出。

• ​​🌀 乱码文本​​

  借助这个组件，你可以对文本进行打乱处理，创造出犹如黑客帝国般的酷炫效果，瞬间提升页面的科技感和互动性。

• ​​🔄 前后对比​​

  用两张图片进行直观的前后对比！它的核心采用了GPU硬件加速技术，确保对比滑块操作如丝般顺滑。

• ​​💫 边缘辉光​​

  为你的设计注入一丝魔力！悬停在任何帧上时让边缘发出微光，或者在整个帧的顶部呈现完整的光泽效果。

• ​​🎠 轮播组件 - 增强版​​

  带来了体验升级的轮播！支持流畅的自由拖动滚动、无限循环，并能自动调整图像尺寸。还包含精准的吸附功能，便于导航。

• ​​🎮 3D悬停 & 倾斜​​

  轻松将任何框架或图像转换为立体的交互卡片！当用户悬停时，它会平滑地呈现动态倾斜效果，深度感十足。

• ​​🌌 圆环渐变背景​​

  源自 React Bits 中的 “The Orb” 并进一步增强！这是一种非常酷炫的背景效果，我们为它增加了额外的功能和灵活性。

• ​​📊 滚动进度监测​​

  一个实用的滚动跟踪组件，它能实时监测并显示页面的滚动进度，以及当前正在阅读的标题，导航从未如此清晰。

• ​​🎴 卡片模糊效果​​

  使用 Framer 变体实现了优雅的卡片悬停效果。卡片内容在悬停时会从模糊变为清晰，全部无需代码即可实现！

• ​​👁️ 渐变模糊​​

  为任何对象添加时尚的渐变背景模糊效果。模糊的程度、精度甚至叠加的颜色都可以完全自定义，细节控的福音。

• ​​🖊️ 自定义文本下划线​​

  告别单调的下划线！该组件可以给全文或特定词语/短语添加下划线，并且能完全自定义其样式，让你的排版更出彩。

• ​​🃏 堆叠卡片效果​​

  创建可交互的卡片堆叠！以级联的布局展示卡片，带有优雅的缩放和间距效果，动画和交互均可自定义。

• ​​♾️ 无限图像网格​​

  一个可以无限延伸的图像网格组件，为你的作品集或画廊设计提供无尽的可能。

✅ ​​问题修复​​

• ​​🐛 修复了手机端 Header 导航无法正常点击的问题。​​

• ​​🐛 修复了 Footer 联系按钮无法正常点击的问题。​​

希望你喜欢这次重磅更新！快去尝试这些新组件，打造更令人惊艳的网站吧！🎉

🏠【前端焕新】

视觉与交互全面升级，精心优化的界面让浏览更流畅、信息更清晰，愿您第一眼就感受到我们的用心。

🧩【模块库与组件库双升级】

• 原“组件库”正式更名为“模块库”，涵盖更丰富的Framer功能模块；

• 全新“组件库”上线！专注收录创意性UI组件，助力灵感迸发；

• 新增「相似组件推荐」功能，找组件更快、更准、更智能。

📄【文档体验优化】

内容排版重构，阅读更舒适，关键信息一目了然，助您高效获取知识。

✨【更多令人欣喜的改进】

• 移除用户系统，所有内容免费开放，真正实现无障碍访问；

• 新增「联系」页面，欢迎随时反馈想法、建议或合作意向；

• 多个页面持续优化中，我们始终以用户体验为核心。

感谢大家的持续关注与支持，未来我们会继续迭代，带来更优质的内容与功能！🚀

📢 本次更新我们隆重推出了​​✨20个✨​​全新的FAQ组件，显著提升了内容的广度与深度。

🔄 为进一步提升用户体验，我们将建立​​📅每周更新​​的长期机制，对组件库进行持续优化。

⭐ 诚挚邀请您​​收藏我们的网站​​，以便及时获取最新资讯。感谢您一直以来的支持🙏

✨ 15个免费 LogoClouds 组件 | 提升品牌展示效果

✨ 20个高效集成连接组件 | 快速对接第三方服务与数据

🔧 组件丰富，开箱即用，助力项目高效开发！

⭐ 欢迎收藏关注，持续获取更多优质组件更新 ~

✨ 新增 40 个多功能“功能亮点”组件

多样风格｜覆盖多种场景和视觉风格

响应式适配｜多端自动优化，完美兼容不同设备

灵活易用｜直接复用，快速构建吸睛页面

🚀 轻松突出产品特性，让用户一眼看见你的亮点！

🎉 新增 30 款精美 Hero 组件

多风格设计｜覆盖现代、简约、商务、创意等多种风格

响应式布局｜自动适配手机、平板、电脑端，完美展示

即拖即用｜轻松定制，快速搭建惊艳的首屏视觉

✨ 让你的页面“第一屏”就抓住用户的眼睛！

👇 需要的话欢迎随时调用，也欢迎大家收藏关注，持续获取更新哟～

✅ 组件系统已全面搭建完成！

当前所有组件支持

🔍 智能搜索 | 轻松查找所需组件

📂 分类筛选 | 快速定位资源类型

👀 在线预览 | 实时查看效果与代码

⬇️ 免费下载 | 所有组件开放使用，随心集成～

🆓 当前组件库内容​​完全免费​​，欢迎大家随意使用和分享！

📢 后续更新通知平台

新组件/新资源将首发更新至小红书 & 微信，

如果想第一时间获取最新内容，欢迎前往支持页面关注我们的官方账号✨

🙏 感谢大家的关注与支持，我们会持续更新优质组件！

🧭 导航栏升级

整体优化，现在更加实用高效

用户头像加载样式美化：告别“加载中”文字，迎来流畅骨架屏效果

新增用户菜单：快速查看个人信息、进入用户中心或退出登录

📄 全新页面亮相

【里程碑】记录每一个重要时刻🏆

【组件库】上线！首批带来多个导航栏组件 ➕ 更多精彩组件持续更新中！

【更新日志】随时掌握最新开发动态📃

【支持页面】等你来探索~ ❤️

感谢大家的支持，我们会持续优化体验！