





原型是网站的骨架。过去画原型需要学Axure、Figma,现在用AI,你只需要会描述。
页面结构生成
告诉AI:“生成一个企业官网首页的原型,包含顶部导航、主视觉区、三个产品卡片、客户案例展示和底部信息。”AI会输出一个完整的页面结构,你在浏览器中预览。如果某个模块的位置不对,直接说:“把客户案例移到产品卡片上方。”AI会调整页面顺序。

交互设计生成
原型不只是静态页面,还需要交互。告诉AI:“点击产品卡片,弹出产品详情窗口。”AI会生成对应的JavaScript代码,实现弹窗效果。如果弹窗的样式不对,继续说:“弹窗宽度改成屏幕的80%,背景加半透明遮罩。”AI会更新代码。
多页面原型
企业网站通常有多个页面。让AI依次生成产品页、关于我们页、联系我们页的原型。每个页面生成后检查内容是否准确、风格是否一致。确认所有页面后,点击“导出原型”保存为HTML文件,用浏览器打开即可演示给团队看。