导出到 Framer 和 Webflow

一次粘贴就把页面复制进 Framer 或 Webflow,结构和样式都保留。

最后更新

Framer 和 Webflow 的导出走剪贴板:UXMagic 产出各自能识别的内容,你把它粘到它们的画布上。

Framer

  1. 选中页面。
  2. 导出 → Framer。
  3. 复制生成的内容。
  4. 打开你的 Framer 项目,粘贴到画布上。

布局结构、文字和样式会以原生 Framer 图层的形式过去,你可以继续编辑。

Webflow

  1. 选中页面。
  2. 导出 → Webflow。
  3. 复制生成的内容。
  4. 在 Webflow Designer 里粘贴到画布上。

你拿到的是带 class 的真实 Webflow 元素,不是一个嵌入块。

粘贴后要检查什么

  • 字体 — 确认用到的字体在目标项目里可用。
  • 图片 — 它们是按网址过来的;上线前把它们上传到目标项目的素材管理器里。
  • 交互 — 动效和交互要在 Framer 或 Webflow 里设置,不会带过去。

什么时候用它而不是导出代码

如果这个站点将由一个日常在 Framer 或 Webflow 里工作的团队维护,就粘进去。如果由工程师负责,那就改用导出代码。

这篇文章有帮助吗?

相关文章

Read this in your language