Framer 使用教程：从 AI 生成初稿到长期维护一个网站

Framer 适合做官网、落地页和作品集。思路：AI 出初稿，组件和样式管统一，CMS 管内容，发布前按清单检查。

Framer 是可视化建站工具，做出来的网站可以直接发布。思路：AI 出初稿，组件和样式管统一，CMS 管内容，发布前按清单检查。

适合做什么

产品官网、活动落地页、个人作品集、简历站。

需要好看动效、经常改文案的页面。

复杂的会员系统、购物结算这类功能，更适合专门的电商或开发方案。

起步：别从空白页开始

先用一句话描述网站，让 AI 生成初稿，再在上面改。

描述写清三件事：给谁看、要他做什么、要有哪几块内容。

文案可以先在 ChatGPT 或 Claude 里写好，再贴进来，比在画布上边想边写快。

让网站保持统一

颜色和文字都设成样式，以后改一处，全站跟着变。

导航、页脚、按钮、卡片做成组件，不要复制粘贴。

每次改完都切到平板和手机宽度看一遍，手机端最容易出问题。

内容交给 CMS

博客、案例、更新日志、团队成员这类重复结构的内容，放进 CMS，用一个模板页显示。新增一篇只填表格，不用复制页面，也不会改乱排版。

长期维护

大改之前先复制一份页面，或确认能在版本历史里找回。

改完先预览，确认没问题再发布。

每月检查一次：失效链接、过期活动、旧价格。

发布前检查清单

每个页面都有自己的标题和描述。

页面地址用简短的英文单词。

图片压缩过，并写好替代文字。

绑定自己的域名，表单能正常提交。

关于套餐

Framer 的套餐按项目计算，升级的是你选中的那一个网站。本站的 Framer 兑换码可以把一个免费项目升级为 Basic 年付，步骤见商品页。

想让 ChatGPT、Claude 记住网站的定位和文风，见 在不同 AI 之间保留记忆。