选择适合你的页面制作入口

区分从企划开始、导入设计稿、复制现有网页与直接编辑的工作方式。

Share

先判断你手上已经有什么

开始制作前,确认已有的是业务想法、构成稿、完整设计稿,还是正在运行的网页。不同入口保留的内容与可编辑方式不同,选对入口比把同一份资料在多个流程重复导入更重要。

如果还没确定受众、核心主张与阅读顺序,先做企划;如果已经有确定设计,不必重新让 AI 猜一次页面。把现有成果与仍需完成的工作分别列出,再选择入口。

从企划到可编辑页面

先设置基本信息,确认构成与线框,再进入编辑器。业务前提、完稿文案和素材需求是输入;视觉稿仍需核查品牌、内容与操作。线框中的图片说明或占位框不能被当成最终产品图片。

已有成稿时也可直接进行局部编辑。一次只改变明确范围,避免把小修正变成整页重做。具体流程见制作第一个页面。

从 Figma 导入设计

Figma 导入适合将确认后的设计变成页面。页面根框下的第一层会影响区块划分,PC 与 Mobile 的设计需要明确对应。导入的是设计结构,并不会自动把所有视觉控件变成可运行的表单或轮播。

整页导入会创建新页面,后续修正局部可使用区块导入,避免覆盖式重来导致编辑内容分散。先阅读Figma 结构与导入。

从已有网页或 HTML 创建副本

网页导入和 HTML ZIP 适合以已有页面为起点创建独立副本。它们不会改写原网站,也不会自动继承后台系统、购物车或登录功能。导入前需确认第三方脚本、图片和当前会话中的敏感内容。

导入后可直接改文字、换图、改链接,也可使用选区 AI 编辑。动态效果和外部服务仍需逐项验证。入口与检查方法见网页与 HTML 导入。

把外观与交互分开检查

文字、图片和布局正确,只代表页面看起来符合设计。FAQ 能否展开、按钮是否到达正确位置、表单是否真正收集数据,需要另外测试。自带部件和 AI 动态组件的能力不同,外部系统动作更需要明确连接方式。

不要通过画面上出现了输入框就认定提交有效。需要记录访客提交时,检查使用的是自带表单还是仅生成外观的组件,并在发布后验证。

最后选择交付与发布方式

完成编辑后分别检查桌面、手机、链接、字体、表单、追踪与分享信息。可以按需要在已配置的域名上发布,或导出当前页面交给开发审查。导出、预览、上线是不同状态,不要把文件已下载当成网址已更新。继续查看预览与发布检查,再核对真实访问地址。