更新日志

一月更新带来即时字体预览功能。打开字体选择器并悬停在字体上时，你可以立即看到该字体应用到所选图层后的效果。这让你更容易发现新字体，找到合适的字体，而无需先确认选择。观看视频>

此外还有大量质量更新，详见下方。

新增

• 新增悬停时即时预览字体

• 组件菜单新增"查找"操作

• 矢量菜单新增"查找"操作

改进

• 改进未使用组件的删除

• 改进查找本地组件作为光标

• 改进在项目中查找外部矢量集

• 改进多个 SVG 导入的可靠性

• 改进 Safari 和 Firefox 中的右键菜单

• 改进插入面板的搜索结果

修复

• 修复从堆栈切换到网格时布局崩溃

• 修复从设计页面创建的页面路径重复

• 修复滚动效果中图片的布局动画

• 修复移除时文本截断未被清除

• 修复 OpenType 特性在网站上无法正常工作

• 修复某些右键菜单点击后保持打开

• 修复缺失边框变量导致组件崩溃

• 修复双击重命名有时不起作用

• 修复组件中选择使用错误的色调

• 修复布局模板未移除页面光标

• 修复快捷操作菜单导致 ⌘ 键卡住

• 修复渐变停止点与颜色样式不兼容

• 修复颜色样式选择改变文件夹颜色

• 修复颜色样式编辑影响错误的主题

• 修复渐变填充未被正确覆盖

• 修复组件在面包屑栏中残留

• 修复矢量上透明度被应用两次

• 修复滚动效果在断点中失效

Framer 推出高级托管功能，内置多站点和自定义请求头。

多站点让你将多个站点（Framer 项目或外部来源）托管在一个域名下，实现逐页迁移或将大网站拆分成多个项目，同时保持统一 URL。

自定义请求头让你用支持通配符的有序规则扩展默认设置，用于安全策略等。

仪表板新增域名管理，侧边栏快速访问所有工作区域名，集中管理多站点、请求头和重定向，轻松处理复杂网站。

高级托管功能面向企业版团队开放。Pro 或 Scale 版团队可通过表单申请私测资格，限时免费体验。

观看视频 >

今天我们推出了一项更新：当你将网站升级为年付套餐时，可免费获得第一年的自定义域名。我们与 Hover 合作提供了无缝的流程，你可以选择免费或优惠的域名，购买后将自动连接到你的 Framer 网站。要使用此优惠，请将网站升级为年付套餐，然后前往项目设置中的域名选项卡，选择"领取免费自定义域名"选项。

• 此优惠每个订阅仅可兑换一次

• 此优惠仅适用于年付套餐的网站

• 你的域名将按标准费率自动续费

• 兑换此优惠后将无法申请退款

• 此优惠不可与 100% 折扣码同时使用

• 你的域名及其订阅将通过 Hover 管理

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 中更新了自定义代码功能：在你的项目设置里新增了一个专门用于自定义代码的版块。通过这次更新，你可以在一个页面里总览所有添加到各个页面的自定义代码，并且还能把它拆分成多个独立代码片段。这让你在网站中添加、查找和更新代码变得更容易。

我们也改进了自定义代码的运行方式，新增了“每次访问页面时运行（On Every Page Visit）”的选项，这对事件追踪非常有用。默认情况下，代码会设置为“只运行一次（Once）”，这与之前的运行方式类似，适用于第三方脚本。

你可以在“项目设置 → 自定义代码（Project Settings → Custom Code）”中找到这个新的自定义代码版块。了解更多。

我们推出了流动效果 - Flow Effect，这是一项简单却功能强大的新功能，让你可以根据任意交互或组件为各个区块添加动画。

一个常见的例子是 FAQ 中的手风琴：问题行可以平滑地展开或收起，但相邻的区块却会瞬间跳动，打破连贯的视觉效果，降低整体精致度。

为了避免这种情况，人们通常会把多个区块嵌套在组件里，只是为了强制所有内容一起做动画，这会让网站更臃肿、编辑也更加复杂。Flow Effect 解决了这一问题。

将它添加到你的 Page 和包裹组件的 Stack 上，所有区块就会自动一起进行动画。我们很快也会把这个 Effect 带到 Layout Templates 中。

目前，你可以在Youtube观看视频以了解更多。

从今天起，Framer 允许你为站点上任意页面翻译路径，而不仅仅是 CMS 内容。这能为使用不同语言浏览你网站的访问者带来更顺畅的体验，并帮助搜索引擎更准确地索引已翻译的内容。在本地化视图中，通过进入 Settings（设置），你现在可以启用 Translate Page Paths（翻译页面路径）。如果你之前已经在翻译 CMS 的 slug，那么这个选项会默认开启。同时还有一个额外的复选框，可以将路径包含在 AI 翻译中。

启用后，页面路径会与其他所有翻译内容一起，显示在本地化视图中各个页面标题下面。你也可以直接在画布上翻译页面路径，就在你通常重命名页面的地方：当项目包含多种语言时，页面面板顶部会显示一个新的语言切换器，你可以为每种语言分别重命名各个页面。发布后，切换语言会自动更新页面路径，而内置的冲突警告可以帮助你避免路径重复。你可以在这篇文章页面中了解更多关于本地化页面路径的信息，并查看分步指南。

12 月更新带来了 Squircle，这是一种全新的现代属性，让你可以为图层设计出极度圆润顺滑的拐角，就像 iOS 应用图标那样。Squircle 在 Framer 中有着深度集成，可用于 Frames 和 Stacks，也适用于 Link Styles 和 Forms。这意味着使用 Squircle 的图层都是可动画的。

Squircle 基于全新的 CSS 属性 corner-shape 实现，它目前在 Chrome 和 Edge 中表现完美，但 Safari 和 Firefox 暂时还不支持。为了解决这个问题，我们设计了自己的回退方案，仅通过 Radius 来尽量匹配视觉上的圆角效果，确保你的设计在任何环境下都不会“崩坏”。

本次更新还为 Forms 带来了可变字体（Variable Fonts）支持，为 Vectors 增加了多选能力，等等。你可以在这里查看 Squircle 视频，了解更多细节。

新增

• 在 Styles 中新增了 Squircle 属性

• 新增复制粘贴 Grid Styles 的能力

• 为 Forms 新增了 Variable Font（可变字体）支持

• 为 Vectors 新增了多选功能

• 新增解除 Vector Sets 关联的能力

• 为 Component Events 新增了上限（cap）

改进

• 改进字体选择器（Font Picker），会自动滚动到当前选中的字体

• 改进页面面板（Page Panel），会自动滚动到当前页面

• 改进自定义字体（Custom Fonts），现已基于团队（team-based）管理

• 改进桌面端标签页，可通过鼠标中键关闭

• 改进粘贴 Vector Sets 的体验

• 改进富文本链接的编辑体验

• 改进重定向（redirects），现已支持括号

• 改进通过双击重命名 Assets 的体验

• 改进重命名 Assets 的性能

修复

• 修复 Position 设置为 Absolute 的 Tickers 会塌缩的问题

• 修复 Tickers 不支持 Scroll 和 Loop Effects 的问题

• 修复带有 A/B Variants 的模板中 Scroll Effects 的问题

• 修复修改尺寸时 Aspect Ratio 仍然保持不变的问题

• 修复 Gradient 角度值不会被四舍五入的问题

• 修复 Viewer 能够修改 Color Styles 的问题

• 修复带有引用的自定义代码无法构建的问题

• 修复代码错误不会显示在发布面板（publish sheet）中的问题

• 修复 Scroll Sections 中 Add Custom Cursors 的问题

• 修复 App Toasts 在各视图中的对齐问题

• 修复 Text Styles 的 Link Style Transitions 问题

• 修复从 Collections 粘贴文本图层的问题

• 修复导出含有缺失字体图层时的问题

• 修复 Windows 上桌面端标签页崩溃的问题

• 修复 Overlays 中文本选中颜色的问题

• 修复 Quick Actions 无法找到文件夹的问题

• 修复 Forms 中 Submit Button Variants 的问题

Framer推出瀑布流网格功能。只需一次点击，就能将任何网格转变为紧凑的瀑布流网格。

在网格属性下可找到“瀑布流”切换按钮，启用该按钮后，你就能打造瀑布流布局。

这类布局采用固定列数但行高灵活的设计，因此元素会紧密堆叠，形成由各图层内容或高度决定的类似砖块排列的图案。

这与我们最近推出的图片适配功能搭配使用效果尤其出色，能让你直接在Framer中设计出类似Pinterest的布局。

你也可以从头设计新的瀑布流网格，方法是从工具栏的“布局”菜单中选择“瀑布流”。

瀑布流网格与我们的CMS系统兼容良好，在CMS中使用“交错”和“灯箱”等效果，能解锁各种全新的动画和交互方式。

观看YouTube上的视频，了解更多关于在Framer中使用瀑布流网格进行设计的内容。

第十六期 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

全新推出滚动效果，让文本、图片等内容轻松实现连续滚动动画。我们彻底重做了 Framer 的滚动功能。

新版滚动效果支持 CMS，可以应用到任意堆叠组件上，每个断点都能单独设置参数，运行速度更快，可访问性也更强。在效果菜单里就能找到它，无论是 CMS 集合列表还是堆叠组件都能用。

再也不用忍受乱糟糟的画布、到处复制带筛选条件的集合，或者为了适配不同屏幕而隐藏副本了。

更棒的是，它还新增了拖拽支持和自动识别方向等功能，让你的工作流程和创意交互都上升一个台阶。相信你一定会爱上它。

点击观看视频详细了解。

最高保真的动画和交互工具，只在 Framer。

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

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

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

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

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

动态优化是一种全新的已发布网站优化方式。现在，所有网站（即便是大型网站）都能在几秒钟内完成优化。而且，添加页面不会对优化时间产生任何影响。页面如今会在首次访问时进行优化，我们会缓存优化结果，直到下一次发布为止。您访问量最大的页面会在发布时预先优化，确保性能稳定，并且能全面了解任何问题。这让Framer最出色的功能——即时发布——变得更加完善。我们撰写了一篇包含更多技术细节的文章，您可以在此处找到。我们将在整个10月逐步推出这项功能。发布速度，再获提升。仅在Framer实现。