Emergent AI支持文字描述、竞品截图、Figma/墨刀原型三类输入，自动生成含HTML/CSS/JS的可交互Web页面。文字需具体带约束；截图须1080p以上正面清晰；Figma导出JSON需图层名英文无空格。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
Emergent AI能直接将产品原型（文字描述、截图、草图）转化为可运行的Web页面，无需手动写代码，也不依赖设计师或前端工程师介入。
用文字描述生成可交互页面
打开Emergent平台，登录后点击“New App”→选择“From description”模板。
在输入框中写一段具体、带约束条件的中文描述，例如：“一个企业内部员工打卡系统首页，顶部显示今日日期和姓名，中部是圆形打卡按钮（绿色，点击后变灰色并显示‘已打卡’），底部有‘历史记录’和‘设置’两个文字导航栏。”
按下回车，Emergent会在30秒内生成完整页面，自动包含HTML结构、CSS样式和基础JavaScript交互逻辑。
生成后页面默认可实时预览，点击按钮即可测试状态变化——【所有交互逻辑由AI自动生成，无需额外配置】。
用竞品截图生成结构化页面
方法一：截取一张清晰的竞品界面（如钉钉打卡页），确保无遮挡、文字可辨识。
方法二：在Emergent的AI面板中点击“Upload image”，上传截图后，在下方指令栏输入：“请还原此界面为可编辑Web页面，所有文案替换为中文，按钮尺寸与原图一致，保留点击反馈动效。”
Emergent会识别出导航栏、按钮、图标等组件，并重建为语义化HTML标签（如<header>、<button class="primary">），而非一张图片。
注意：截图若含模糊文字或严重反光，AI可能误判组件层级——【务必使用1080p以上正面截图】。
用Figma或墨刀原型文件一键转码
第一步：在Figma中选中整个画板 → 右键 → “Export as JSON (for Emergent)”（需先安装Emergent官方插件）。
第二步：回到Emergent平台，点击“Import design file” → 上传该JSON文件。
第三步：确认导入后，Emergent自动解析图层命名、组件嵌套关系与交互标注（如“点击跳转至/record”），生成对应路由和Vue组件结构。
这一步生成的代码可直接复制进本地Vue项目，无需二次适配——【图层名必须为英文且无空格，否则部分组件无法映射】。
