Framer 发布 Design Pages:从建站工具进化为专业设计平台,支持 P3 色彩与矢量编辑

ADK Framer AI官方 / ADK编译 2025-09-16 5 分钟 113 次浏览
速览导读 / Summary

Framer 正式推出 Design Pages 功能,标志着其从网页构建器向专业设计工具的转型。该功能提供自由画布,支持 P3 色彩空间、高级矢量编辑及无损图片导出,彻底告别响应式布局的繁琐。同时,Wireframer 与 Design Pages 深度集成,实现多布局并行生成,且所有功能完全免费。

新增功能 Design Pages 从建站工具转型为专业设计平台
色彩支持 P3 支持 Pantone 3 色彩空间
价格策略 Free 核心设计功能完全免费

Key Insights / 核心看点

  • 1 推出 Design Pages 自由画布,彻底摆脱响应式布局的束缚,专注于创意探索。
  • 2 引入 P3 色彩空间、高级矢量编辑及无损图片导出,补齐专业设计工具短板。
  • 3 Wireframer 与 Design Pages 深度集成,支持多布局并行生成,提升迭代效率。
  • 4 所有 Design Pages 功能完全免费,提供无限项目与页面的无限创作空间。

Framer 发布 Design Pages:从建站工具进化为专业设计平台

在 AI 辅助设计的浪潮下,Framer 于 2025 年 9 月 16 日推出了里程碑式的更新——Design Pages。这一功能不仅重新定义了 Framer 的核心定位,更将其从单一的“网页构建器”升级为具备专业级设计能力的“全功能设计平台”。

核心突破:自由画布与专业级设计工具

Design Pages 的核心在于提供了一个自由画布(Freeform Canvas),让用户在无需预设响应式断点的情况下进行创意探索。这一变革解决了传统网页设计中“先设计再适配”的痛点,让设计师能够专注于视觉表达本身。

此次更新引入了多项专业设计工作流特性:

  • P3 色彩空间支持:全面兼容 Pantone 3 色彩空间,确保色彩在高端显示设备上的精准还原。
  • 高级矢量编辑:内置专业的矢量编辑工具,支持复杂的形状操作与路径调整。
  • 无损图片导出:提供高质量的图像导出选项,满足印刷与出版级需求。
  • 高级遮罩功能:支持复杂的图层遮罩操作,提升设计灵活性。

工作流革新:Wireframer 深度集成

Framer 进一步打通了Wireframer(原型设计工具)与 Design Pages 的壁垒。现在,用户可以在同一界面内并行生成独特的布局方案,实现从线框图到最终页面的无缝流转。这种“所见即所得”的并行工作流,极大地提升了迭代效率。

此外,Design Pages 彻底简化了断点(Breakpoints)的设置过程。用户不再需要手动导入 CSS 或复制粘贴代码,只需在自由画布上完成设计,点击一键即可转换为 Web 页面,且断点设置变得异常直观。

完全免费的专业级体验

Framer 强调,Design Pages 的所有功能均为完全免费。无论是无限的项目数量还是无限的设计页面,用户均可免费使用。这一策略旨在通过降低门槛,吸引更多专业设计师进入 Framer 生态,推动其向设计工具领域的渗透。

“Design Pages 让 Framer 真正成为了一个设计工具,而不仅仅是一个建站工具。” —— Framer 官方团队

开发者与设计师价值

对于开发者而言,Design Pages 意味着更少的上下文切换和更少的代码维护成本;对于设计师,则意味着拥有了媲美 Adobe 系列的部分专业功能,且无需昂贵的订阅费用。这一更新标志着 Framer 在 AI 驱动的设计生态中占据了更核心的位置。

Design Pages give you a freeform canvas to explore in, with all the tools you might need... Best of all, Design Pages are completely free to use.

Framer Official Announcement

同主题深度资讯

查看更多 →
产品动态 2026-09-15

Topview 发布 Codex 插件工作流:在 ChatGPT 生态内实现 AI 视频生成

Topview 正式宣布其插件工作流集成至 OpenAI 的 Codex 代理系统,支持在本地桌面端或 CLI 中直接调用生成式模型创建 AI 视频。文章详细区分了 ChatGPT 网页版插件目录与 Codex 本地代理的架构差异,明确了安装路径、OAuth 认证流程及 Canvas 画布工作流。该更新旨在解决开发者在 ChatGPT 生态内调用视频生成模型(如 Seedance, Wan 3.0 等)的碎片化问题,强调 Pro 及以上订阅计划对自动化工作流的必要性。

Topview官方 / ADK编译 5 分钟
产品动态 2026-09-06

Adobe Photoshop 与 Upscale.media 联手:AI 驱动图像超分辨率技术深度解析

Adobe Photoshop 与 AI 图像增强工具 Upscale.media 宣布深度整合,旨在为专业用户提供更高效的图像超分辨率解决方案。此次合作利用先进的 AI 算法,在不依赖复杂软件学习曲线的情况下,实现从低分辨率到高清图像的无损转换。文章详细阐述了该技术在保留细节、修复模糊以及支持多格式处理方面的核心优势,并展示了从上传到下载的完整操作流程,标志着图像增强领域向更智能化、便捷化方向迈出了重要一步。

Upscale.media官方 / ADK编译 4 分钟
产品动态 2026-09-06

Adobe Photoshop 2025 图像分辨率优化指南:超分辨率与智能放大技巧

Adobe Photoshop 2025 在图像分辨率处理上带来了显著优化,重点介绍了如何利用内置的“超分辨率”功能无损放大 JPEG 图像。本文详细解析了从基础图像尺寸调整到高级 Camera Raw 滤镜应用的完整流程,帮助设计师和摄影师在保持画质的前提下提升输出质量。

Upscale.media官方 / ADK编译 4 分钟
产品动态 2026-09-06

Upscale.media 发布智能图像增强方案:AI 驱动高清修复与细节重构

Upscale.media 推出全新图像增强指南,详解如何利用 AI 技术将低分辨率图片转化为高清视觉内容。文章解析了图像上采(Upscaling)的核心原理,涵盖分辨率、锐度、色彩准确性等关键质量指标,并展示了该工具在商业展示、印刷输出及个人创作中的实际应用价值,旨在帮助用户摆脱像素化困扰,实现无损画质提升。

Upscale.media官方 / ADK编译 4 分钟