AI 智能设计器

面向设计者 · 界面设计 —— 用自然语言生成和编辑个性化网页界面

---

为什么需要 AI 智能设计器

织信平台已内置丰富的标准视图：表格、甘特图、看板、日历、卡片等，能够满足大部分通用业务场景。

但在实际项目中，总会遇到标准视图无法覆盖的个性化需求：

• 定制化的数据展示页面
• 特殊交互逻辑的表单
• 品牌化的门户界面
• 移动端专属页面

AI 智能设计器正是为了补齐这一环节 —— 用自然语言描述你想要的界面，AI 自动生成前端代码，快速实现个性化需求。

---

核心能力

自然语言生成界面

无需手写代码，用自然语言描述需求即可生成完整的前端界面：

生成一个项目概览页面，顶部显示项目统计卡片，
下方左侧是任务列表，右侧是进度图表

AI 自动生成可运行的组件代码，支持即时预览和调整。

对话式修改

生成后可以继续用自然语言修改：

把统计卡片改成蓝色主题，任务列表增加筛选功能

AI 基于已有代码进行增量修改，保留原有逻辑。

技术栈支持

• Vue 3 / JavaScript / TypeScript：已全面支持
• React：即将支持

代码导出

生成的代码可导出为独立项目，支持二次开发和部署。

PC 端与移动端

同时支持生成 PC 端和移动端页面，一套需求适配多端。

---

使用方式

第一步：创建 AI 智能设计器模块

在应用设计器中，创建一个新模块，选择「AI 智能设计器」类型。

第二步：输入页面需求

用自然语言描述你想要的自定义页面，也可以上传需求文档。

第三步：预览和调整

AI 生成过程中可实时预览效果，生成后可继续用对话方式调整细节。

提示

描述越具体，生成的页面越贴合需求。建议包含布局结构、配色风格、交互行为等细节。

第四步：预览页面

生成完成后，可在预览窗口中查看实际效果，支持即时交互体验。