Framer AI 4 月更新:引入 REM 响应式排版与全面性能优化
Framer AI 在 2025 年 5 月 1 日发布了备受期待的 April Update,此次更新不仅重塑了 Framer 的响应式设计逻辑,还带来了显著的性能飞跃。对于依赖 Framer 进行 UI 设计与开发的团队而言,这一版本标志着从“手动适配”向“智能响应”的跨越。
核心突破:REM 响应式排版系统
本次更新最引人注目的特性是 REM Sizing 的全面落地。REM 是一种基于默认基础值(通常为 16px)的字体大小单位,允许设计师建立相对于基准值的文字层级。
- 断点级自定义:设计师现在可以为每个 Breakpoint 单独设置 REM Base values。这意味着当屏幕尺寸变化时,所有使用该 REM 单位的文字层会自动响应式缩放,无需手动调整。
- 布局模板集成:在 Layout Templates 中,设计师只需在一个地方定义断点和对应的基准大小。修改这些参数后,整个项目中所有关联的文字样式将自动更新,彻底解决了以往修改断点需重新调整 Text Styles 的繁琐流程。
这一功能极大地简化了多端适配工作,确保了 Framer 生成的代码在移动端和桌面端均能保持优雅的排版效果。
性能与体验的全面升级
除了排版系统的革新,Framer 团队对应用底层性能进行了深度优化,使得从菜单导航到快速操作(Quick Actions)的交互速度大幅提升。
- UI 响应提速:核心工具栏按钮、组件更新反馈及偏好设置(Preferences)的加载速度均有明显改善。
- YouTube 功能增强:新增了对 YouTube Livestream(直播)和 Playlist(播放列表)的原生支持,并优化了视频加载体验。
- 无障碍与本地化:Page Navigation 的无障碍访问(A11Y)得到改善,Localization 模块的加载速度及弹窗设计也进行了优化。
关键问题修复
更新日志还包含了一系列针对长期存在的痛点进行的修复,特别是涉及 AI 功能与组件管理的部分:
- AI 翻译修复:解决了部分图层无法通过 AI 进行翻译的问题,提升了 AI 辅助工作的准确性。
- 组件安全机制:修复了在使用中的组件被误删的 Bug,保障了设计逻辑的稳定性。
- UI 细节优化:修复了颜色选择器过渡动画失效、快速操作菜单空状态显示异常以及 Home 页面与布局模板切换时的卡顿问题。
总结
Framer AI 的 April Update 通过引入 REM 排版系统,从根本上解决了响应式设计中的排版难题,同时配合全面的应用性能优化,进一步巩固了其作为现代化 UI 设计工具的地位。对于追求高效、精准排版的开发者来说,这是一次不可忽视的迭代。
"We are making responsive design in Framer easier than ever." —— Framer AI 官方团队