Pilates.me：Framer 网站与我转向 AI 开发的过程

迪拜 Pilates.me 网站由我设计，并全部在 Framer 中搭建。对这项工作，我看重的是能够亲自掌控构图、排版、响应式布局与动画，并在发布后的页面上看到我在编辑器中的设想。

Framer 很适合这类任务。它便于搭建视觉型网站，通过 CMS 维护小型内容目录，并快速发布改动。从设计稿到运行页面之间，几乎不再有单独向开发者交接设计的阶段。

哪里开始感到受限

随着项目增长，我越来越常碰到订阅成本与平台限制。额外编辑席位、语言和网站部署要求都会增加支出。每个新项目都要重新判断这种模式是否适合。

但最重要的是掌控代码和基础设施。在 Framer 中，托管、渲染、图片处理、字体和发布都与平台深度绑定。即使有导出数据或第三方导出的办法，也不能获得自有代码仓库那样的工作流程。

我需要的是结构清楚、自己能够理解的源码：可以审查、修改、补充集成，并部署在适合项目的地方。渐渐地，我开始用这种方式搭建大部分新网站。

工作中有什么变化

Framer 仍可作为探索构图、动效和整体视觉方向的第一工具。设计语言明确后，我会借助 AI 智能体将它迁入自己的代码。对于内容优先的网站，我常选 Astro 和 TypeScript，并把静态构建部署在 Cloudflare。

下面是已发布 Pilates.me 网站的本地副本。保留了 Framer 的原始设计、字体和图片；可以像真实网站一样滚动查看。外部联系请求已关闭。

Pilates.me 网站

归档界面 · 演示数据

这样我能更好地控制路由、SEO、页面速度、内容结构和未来集成。有几个项目不再需要为每个网站支付独立的网站构建器订阅费。托管费用仍取决于流量负载和所用服务。

在产品设计领域工作十五年多后，这对我来说是明显的变化：我能在设计稿之后继续，把界面搭好并推进到发布。AI 帮助走完这条路，但视觉和产品决策仍是我的工作。

Pilates.me 仍是我选择 Framer 的一个案例。我也没有否定这个工具：需要快速上线、方便编辑的视觉营销网站，它仍可能适用。现在，我会根据具体项目选择最终平台。

Pilates.me 仍是 Framer 项目：构图、响应式布局和动画都在其中完成。我转向自有代码属于后来的作品。这里要展示网站本身的质量，而不是事后把它说成 AI 应用。

查看 Pilates.me. 我的作品集和Framer 版本。

项目画面与录屏

相关故事：从 Framer 到 Astro 的作品集 · PAC Journeys 的不同阶段。