form-create-designer

拖拽加 AI，几分钟搭出可用的 Vue 表单

form-create-designer 是一款基于 Vue 的低代码可视化表单设计器，核心目标是让开发者通过拖拽组件快速生成表单，减少手写模板和校验逻辑的时间。它内置了丰富的表单组件、布局容器、校验规则和事件配置，支持 PC 与移动端，并能与 form-create 渲染引擎无缝配合。项目还引入了 AI 能力，可根据描述辅助生成表单结构，进一步降低搭建成本。设计器输出 JSON 配置，方便在政务、OA、ERP、电商和流程管理等系统中动态渲染表单，适合需要频繁调整表单字段、快速响应业务变化的团队。整体定位是面向开发者的生产力工具，而非零代码平台，使用前需要一定的 Vue 技术背景。

开源 freemium 自动化工作流

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 2366

维护状态较活跃

是否开源是

定价模式 freemium

项目预览

项目数据

分类自动化工作流

开发团队xaboy

所属国家

官网地址https://view.form-create.com

GitHubhttps://github.com/xaboy/form-create-designer

定价模式freemium

价格说明开源免费，提供在线设计器，商业版需付费，定价信息待确认

访问状态

是否开源是

开源协议MIT

主要语言Vue

技术栈/模型ai,ant-design-vue,designer,element-ui,fc-designer,form-create,form-designer,lowcode,vant,vue,vue3

GitHub 星标★ 2366

30天Star增速

HF 下载量

上线时间2021-04-05 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-08

浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度：进阶约 15 分钟部署方式：库/依赖 6 步

⚠ 该项目 README 未提供完整安装说明，以下步骤为通用流程，请以官方文档为准。

环境要求

Vue2 或 Vue3 项目环境（README 明确支持两者）
PC 端需配合 ElementPlus / @form-create/element-ui 使用
移动端需使用 vant 版本的设计器包
本仓库仅说明组件能力，实际引入方式需查阅官网帮助文档

安装与启动步骤

1阅读官方帮助文档

README 未提供安装命令，所有引入方式以官网帮助文档为准，先确认与你项目框架匹配的版本
2体验在线演示

先打开在线演示地址，拖拽左侧组件到画布，了解设计器产出表单的交互流程
3选择设计器版本

PC 端选用基于 ElementPlus 的 @form-create/designer，移动端选用 @form-create/vant-designer
4确认 Vue 版本

README 说明设计器同时支持 Vue2 与 Vue3，需按项目实际版本选择对应文档章节
5按文档引入组件

本仓库 README 未给出具体安装与注册命令，请对照帮助文档在项目中引入设计器组件
6了解 AI 表单助理

如需按描述辅助生成表单结构，可参考 README 中链接的 AI 表单助理仓库

如何确认成功

在线演示可正常拖拽生成表单；本地引入后设计器能渲染并输出 JSON 表单配置即成功

常见问题

Q：支持 Vue2 还是 Vue3？

A：README 明确说明支持 Vue2 和 Vue3，按项目版本选择对应文档与依赖即可。

Q：PC 和移动端是同一个包吗？

A：不是。PC 端为 @form-create/designer（基于 ElementPlus），移动端为 @form-create/vant-designer，需分别引入。

Q：这是零代码平台吗？

A：不是。项目定位为面向开发者的低代码生产力工具，使用前需要一定的 Vue 技术背景。

Q：在哪里查看安装和使用细节？

A：README 只给出官网、帮助文档和在线演示链接，具体安装配置请以帮助文档 view.form-create.com 为准。

Q：AI 生成表单功能在哪里看？

A：README 提供了 AI 表单助理仓库链接，可前往该仓库查看用法。

注意事项

本 README 节选未包含任何安装命令，因此步骤中未给出 pip/npm 等具体命令，避免误导
设计器输出 JSON 配置，需配合 form-create 渲染引擎在业务系统中动态渲染表单
项目面向开发者而非零代码用户，使用前请具备 Vue 基础
所有命令与配置务必以官方帮助文档和在线演示为准，不要照搬第三方教程

核心亮点

拖拽式可视化设计，输出 JSON 配置，与 form-create 渲染引擎配套，前后端可动态驱动表单
同时支持 Element UI、Ant Design Vue、Vant 等 UI 库，覆盖 PC 和移动端场景
内置 AI 辅助生成能力，可根据描述快速产出表单结构，减少重复搭建工作

不足之处

面向开发者，非技术用户上手仍有配置和集成成本
AI 生成能力依赖外部模型或服务，实际效果和稳定性需结合具体接入方式评估

适用场景

政务或 OA 系统中快速搭建审批表单，字段调整无需重新发版
ERP、电商后台根据业务变化动态生成录入和查询表单
流程管理系统中为不同节点配置差异化表单，配合流程引擎使用

替代项目

form-generator、vue-form-making、formily

项目介绍

form-create-designer 是自动化工作流领域的开源项目，由 xaboy 开发，2021 年首次发布。

在全站 13,916 个收录项目中，它的 GitHub 星标数（2,366）位列前 30%，在自动化工作流分类中处于中上游。

项目保持着较活跃的维护节奏，最近一次代码更新于 2026-09-16。开源免费，提供在线设计器，商业版需付费。

它主要面向的使用场景是：政务或OA系统中快速搭建审批表单，字段调整无需重新发版。同类可对比的替代方案包括 form-generator、vue-form-making、formily。

上一篇：zadig

下一篇：design-studio