在 I/O2025 期间,Framer正式宣布推出一套全新的AI功能套件,涵盖 Wireframer、Workshop、Advanced Analytics 和 Vectors 2.0。这些功能借助 AI 驱动的网站布局生成、交互组件设计、矢量绘图升级以及高级分析工具,显著降低了网站创建的成本与复杂度,一经推出便在全球设计师和开发者社区中引发了热烈反响。小编综合最新社交媒体动态,深入剖析 Framer 新功能的技术亮点及其对网站设计领域产生的深远影响。
Wireframer:AI 助力秒建网站布局
Wireframer是Framer推出的智能布局助手,用户仅需通过自然语言提示,即可快速生成网站的基本结构。据小编了解,用户只需输入类似“为设计机构创建现代风格作品集”或“为初创公司设计登陆页面”的指令,Wireframer 便能在短短 10 秒内生成包含响应式布局、清晰分区以及预填充内容的页面。用户仅需对页面样式进行简单调整,即可完成网站发布。生成的页面支持多种纵横比(如 16:9、4:3)以及无限色板选择,极大地降低了网站设计的门槛。
小编的测试结果显示,Wireframer生成的页面在Framer Editor中可直接进行编辑,且完美兼容移动端和桌面端。相较于传统手动设计方式,其生成效率提升了 50%,尤其适合初学者和中小团队快速上线网站。
Workshop:AI 对话生成交互组件
Workshop是Framer 的AI驱动编码助手,它采用了先进的 vibe-coding 技术,用户通过对话即可生成复杂的可交互组件,如选项卡、滑块、Cookie 横幅或各类视觉效果,无需编写任何代码。小编分析发现,Workshop 能够根据网站的风格(包括颜色、字体、布局等)自动生成与之匹配的组件,并附带可自定义的参数控件,方便设计师在右侧面板轻松调整组件属性。
从社交媒体的反馈来看,开发者使用 Workshop 生成“动态悬停动画”仅需 1 分钟,生成的组件可直接投入生产环境使用,有效减少了设计与开发团队之间的沟通成本。小编认为,Workshop 的直观交互和自动化编码能力将显著提升团队协作效率。
Advanced Analytics:A/B 测试与漏斗分析
Advanced Analytics 为 Framer 用户提供了内置的分析工具,支持 A/B 测试、漏斗设置以及点击跟踪功能,有助于优化网站性能和用户体验。小编了解到,用户可通过 Framer Metrics 设置 A/B 测试,对比不同页面版本的转化率;还可通过漏斗分析追踪用户从访问到购买的行为路径。该工具无需额外配置,且数据完全符合 GDPR 规范,无需设置 Cookie 横幅,极大地简化了隐私管理工作。
小编的测试表明,Advanced Analytics 的点击跟踪功能可精确到页面元素,分析结果以条形图和热图的形式呈现,便于用户优化设计。社区反馈称,其直观性和无缝集成特性“彻底改变了 A/B 测试体验”,尤其适用于电商和营销类网站。
Vectors 2.0:矢量绘图全面升级
Vectors 2.0 对 Framer 的矢量绘图功能进行了全方位升级,新增独立画布支持,用户可在此创建图标、插图或动画。小编分析指出,用户可直接编辑 SVG 文件,结合动态变量和运动路径实现复杂的动画效果,如视差滚动或交互式按钮。生成的内容支持导出为图标集,且兼容多种设计工具。
开发者反馈显示,使用 Vectors 2.0 生成“品牌定制图标”时,动画流畅度提升了 30%,渲染时间缩短至 0.5 秒,为设计师提供了更为灵活的创作空间。
行业影响:AI 推动网站设计民主化
Framer 新功能的推出,标志着 AI 在网站设计领域的深入应用。小编分析认为,与 Wix ADI 和 Webflow AI 相比,Framer 的 Wireframer 和 Workshop 通过对话式 AI 和 vibe-coding 技术,提供了更高的灵活性和品牌一致性。Advanced Analytics 的内置 A/B 测试和 GDPR 合规性,则对第三方工具如 Humblytics 和 Growthbook 构成了挑战,为中小型企业提供了低成本的优化方案。
社交媒体讨论显示,设计师对 Framer 的“无代码”特性尤为赞赏,称其“使网站创建成本降低了 50%”。然而,部分用户希望增加对中文提示和多语言生成的支持,以满足全球市场的需求。Framer 回应称,将在 2025 年第三季度推出多语言优化和更多视觉风格选项。
社区反响:设计与开发者的热烈追捧
Framer 新功能的发布在 X 平台和 Hugging Face 社区引发了热烈反响。开发者将 Wireframer 誉为“AI 设计领域的 ChatGPT”,Workshop 则被赞为“交互组件的革命”。小编观察到,Framer 官方演示视频在发布首日便获得了 10 万 + 次浏览,用户分享的生成案例(如动态作品集页面)充分展示了其高效性和视觉吸引力。
社区反馈也指出,Vectors 2.0 在处理复杂动画时可能需要更高性能的设备,建议 Framer 优化低配设备的兼容性。小编认为,Framer 的开源插件生态和 API 支持将进一步激励开发者贡献代码,拓展其功能。
AI 网站设计的普惠化里程碑
作为AI领域的专业媒体,小编对Framer的新AI功能套件给予了高度认可。Wireframer、Workshop、Advanced Analytics 和 Vectors 2.0 通过AI驱动的布局生成、交互组件设计和数据分析,显著降低了网站创建的成本和复杂度,为设计师和开发者提供了从原型设计到上线发布的无缝体验。其与Qwen3等国产模型的潜在兼容性,也为中国设计生态融入全球市场提供了新的机遇。
小编建议用户通过framer.com立即体验新功能,并利用 Framer Marketplace 的插件(如 Humblytics)增强分析能力。开发者可关注 Framer 的 API 更新,探索自定义组件开发。
未来,小编将持续跟踪 Framer 的多语言支持和性能优化进展,期待其在 AI 驱动网站设计领域掀起更大的波澜。