开发与运行

UXbot 平台内置完整的应用生成流程，可完成用户旅程搭建、精细化设计制作与原生代码生成，为后续开发与运营提供支撑。借助平台一键生成前端代码功能，完成产品设计优化后，即可立即获取应用代码。

1. 一键生成网站 / 移动端前端代码

在设计面板附近，点击顶部栏的【项目代码】按钮，打开代码工作区。

你可在此生成产品的Web/ App前端代码，推进后续开发流程。基于UXbot生成的代码，网页 / 移动端开发者可在自己惯用的开发环境中，快速完成从设计到落地的实现。

按类型生成项目前端代码

• 网站项目

代码工作区将直接展示前端代码文件，无需单独生成。

• 移动端项目

代码工作区会提示你根据目标平台选择移动端代码格式。

UXbot 支持的输出格式：安卓（Kotlin）、iOS（Swift），可按需选择。

错误自动修复

UXbot 代码生成器会在编译过程中检测语法错误、类型异常，自动修复并重新生成对应代码。

查看生成的前端代码结构与依赖

移动端代码生成期间，可在右侧边栏查看 AI 模型的推理过程，AI 驱动的生成流程全程透明可视。

你可在代码面板查看生成的代码，也可点击左侧边栏逐层浏览代码文件。

在【搜索】框中输入文件 / 元素名称，即可快速查找指定文件。

2. 运行移动端代码

查看完生成的移动端代码后，UXbot 还支持在平台内直接运行代码。你可通过云端托管或模拟器，即时预览已部署状态的项目。

网页项目

• 点击【运行】按钮，通过云端托管完成网页项目的预发布。

• 页面将跳转至模拟网页，展示项目的发布版本。你可在此环境中完成全流程端到端测试： 页面跳转、交互验证、布局与性能检查等。

移动端应用

• 点击【运行】按钮，在模拟器中安装应用。每个移动端应用提供 10 分钟免费运行时长，可多次运行累计使用。

• 你可在此看到运行设置与运行画面，还原最真实的运行环境。

点击【结束会话】可暂停运行，底部提示栏会显示已运行时长。

小贴士

安卓应用下载包包含 APK 文件，可直接在手机上下载安装，体验完整可用的正式应用！

3. 下载代码

对代码预览效果满意后，点击【导出】，下载代码文件压缩包。

网页应用：Vue.js

安卓：Kotlin

iOS：Swift

点击【历史记录】，可查看并管理当前及历史生成的代码。

4. 将旧版 HTML 转换为 Vue.js 格式（旧项目适用）

若你在 25.9.0 版本前创建过项目，UXbot支持将旧项目的 HTML 转换为 Vue.js 格式。

打开旧项目 → 点击【代码】打开代码面板 → 点击【生成】，UXbot将免费完成转换，无需消耗额度。

生成须知

点击生成应用代码前，平台会为你展示生成须知：

• 转换期间，项目不可编辑。系统会自动下载 HTML 与 Sketch 格式的备份文件，便于后续进行视觉调整。如需保留原始版本，请在转换前复制或导入项目备份。

• AI 驱动的转换需要一定时间，你可在须知中根据项目规模查看预估耗时。转换完成后，系统将通过短信通知你。

小贴士

• UXbot 输出原生应用代码，你只需对接后端与 API，完成环境配置、权限验证和测试，即可正式上线应用 / 网页。

• 相较于其他跨平台代码解决方案，我们的原生代码具备显著优势： 保证更优的性能、贴合各平台特性的无缝流畅体验；同时稳定性更高，可完全调用设备硬件能力，让应用更具竞争力，也更具备长远适配性。

UXbot 省去中间代码转换的繁琐环节，生成的代码可直接导入开发环境使用，省时省力。