form-create-designer

form-create-designer 是一个跑在 Vue 项目里的表单设计器组件，不是独立网站。它把「画表单」变成拖拽操作：左边组件区拖出输入框、下拉框、日期选择器，中间画布上调整布局，右边配置字段名、校验规则和事件，最后导出一份 JSON 规则，交给 form-create 渲染成真实表单。开发者不用再手写一长串表单模板代码。

主要功能

组件库内置 40 多个常用表单组件和布局组件，支持表格布局、子表单与分组、表单验证、事件配置和样式配置，表单文案可做多语言。设计结果以 JSON 数据保存，也支持用 JSON 反向生成表单，方便把表单配置存进数据库。自定义组件可以扩展进去，官方还提供了 AI 表单助理，按自然语言描述生成或修改表单规则。

版本与接入

项目按 UI 框架分成几个包：Element Plus 版和 Ant Design Vue 版支持 Vue3，Vant 版面向移动端，Element UI 版兼容 Vue2。接入方式有 npm 安装和 CDN 引入两种，在页面里放一个 <fc-designer /> 标签即可使用。仓库采用 MIT 协议，可自由用于商业项目。

适合谁

适合正在做政务、OA、ERP、电商或流程管理系统的 Vue 前端团队，尤其是需要让运营、实施人员自己配表单、不想每次都改代码的场景。纯业务人员用不上它，它需要写代码集成。项目仍在持续开发，遇到问题可以到仓库提 issue，README 里也留了开发者讨论群。