diff --git a/package.json b/package.json
index 56b0bc3..6bb206e 100644
--- a/package.json
+++ b/package.json
@@ -46,6 +46,7 @@
   "dependencies": {
     "@ant-design/colors": "^7.0.0",
     "@ant-design/icons-vue": "^7.0.1",
+    "@form-create/ant-design-vue": "3",
     "@iconify/iconify": "^3.1.1",
     "@videojs-player/vue": "^1.0.0",
     "@vue/runtime-core": "^3.3.8",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a7d4864..f4ab2c9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@ant-design/icons-vue':
         specifier: ^7.0.1
         version: 7.0.1(vue@3.3.8(typescript@5.2.2))
+      '@form-create/ant-design-vue':
+        specifier: '3'
+        version: 3.2.18(vue@3.3.8(typescript@5.2.2))
       '@iconify/iconify':
         specifier: ^3.1.1
         version: 3.1.1
@@ -1167,6 +1170,31 @@ packages:
     resolution: {integrity: sha512-Kn7K8dx/5U6+cT1yEhpX1w4PCSg0M+XyRILPgvwcEBjerFWCwQj5sbr3/VmxqV0JGHCBCzyd6LxypEuehypY1w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  '@form-create/ant-design-vue@3.2.18':
+    resolution: {integrity: sha512-o3Lqbu5iz3cknvfZOfvFC1hMKvP6o/ndg4LXWcbLphPm7ivOYyBHv5VZ2pg5CNRo6WdMHSD3QMwQhV6zH7ZtbQ==}
+    peerDependencies:
+      vue: ^3.1.0
+
+  '@form-create/component-antdv-frame@3.2.18':
+    resolution: {integrity: sha512-b6qGkqJnA9JlSnOvEMnkyfcPLg31oSl79i7yytJ3BLCUR8igyNO4O81dhFt4lWoaDe69LQWAtyDLEiF2Ls4OoA==}
+
+  '@form-create/component-antdv-group@3.2.18':
+    resolution: {integrity: sha512-iBpJ8YB5/ME9dPvuhIILaoGM9slTOFMbnFxDjz0T6uLmPF+dNd2zZeuL53Cw8S9/NJVOq1z1EFgjo8Q0h9M3SA==}
+
+  '@form-create/component-antdv-upload@3.2.18':
+    resolution: {integrity: sha512-cobjChcblnfO0ph4MunJDUiBLyRwpzekXo6MFRsB5iq9ln73UjLnyLps4YuM2KRZ/Cn9FEoWN1kYvTFf1zKdjg==}
+
+  '@form-create/component-subform@3.1.34':
+    resolution: {integrity: sha512-OJcFH/7MTHx7JLEjDK/weS27qfuFWAI+OK+gXTJ2jIt9aZkGWF/EWkjetiJLt5a0KMw4Z15wOS2XCY9pVK9vlA==}
+
+  '@form-create/core@3.2.18':
+    resolution: {integrity: sha512-oIjtwlDfJm+BSmXRE0yEcHWN3f3MH/I1e3GPWvdHl7jQsspxmHSH9km+bKX9/U4N+WzQtnlJVzohDnKD/g7Q8g==}
+    peerDependencies:
+      vue: ^3.1.0
+
+  '@form-create/utils@3.2.18':
+    resolution: {integrity: sha512-C98bFPdFVMltiHQvEZqv4rVdhcqthJgvxMbWDlniL03HS5oyusnUvxUE8jf0I9zk5dZRDGmxKOUtzE3JDWP9nQ==}
+
   '@humanwhocodes/config-array@0.11.13':
     resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
     engines: {node: '>=10.10.0'}
@@ -6478,6 +6506,37 @@ snapshots:
 
   '@eslint/js@8.53.0': {}
 
+  '@form-create/ant-design-vue@3.2.18(vue@3.3.8(typescript@5.2.2))':
+    dependencies:
+      '@form-create/component-antdv-frame': 3.2.18
+      '@form-create/component-antdv-group': 3.2.18
+      '@form-create/component-antdv-upload': 3.2.18
+      '@form-create/component-subform': 3.1.34
+      '@form-create/core': 3.2.18(vue@3.3.8(typescript@5.2.2))
+      '@form-create/utils': 3.2.18
+      vue: 3.3.8(typescript@5.2.2)
+
+  '@form-create/component-antdv-frame@3.2.18':
+    dependencies:
+      '@form-create/utils': 3.2.18
+
+  '@form-create/component-antdv-group@3.2.18':
+    dependencies:
+      '@form-create/utils': 3.2.18
+
+  '@form-create/component-antdv-upload@3.2.18':
+    dependencies:
+      '@form-create/utils': 3.2.18
+
+  '@form-create/component-subform@3.1.34': {}
+
+  '@form-create/core@3.2.18(vue@3.3.8(typescript@5.2.2))':
+    dependencies:
+      '@form-create/utils': 3.2.18
+      vue: 3.3.8(typescript@5.2.2)
+
+  '@form-create/utils@3.2.18': {}
+
   '@humanwhocodes/config-array@0.11.13':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.1
diff --git a/src/views/fc/designer/index.vue b/src/views/fc/designer/index.vue
new file mode 100644
index 0000000..ace91a8
--- /dev/null
+++ b/src/views/fc/designer/index.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import formCreate from '@form-create/ant-design-vue'
+
+import { ref } from 'vue'
+
+const formData = ref({})
+const formApi = ref(null)
+
+const formRules = ref([
+  {
+    type: 'input',
+    field: 'username',
+    title: '用户名',
+    value: '',
+  },
+  {
+    type: 'input',
+    field: 'password',
+    props: {
+      type: 'password',
+    },
+    title: '密码',
+    value: '',
+  },
+])
+</script>
+
+<template>
+  <div id="app">
+    <form-create v-model="formData" v-model:api="formApi" :rule="formRules" />
+  </div>
+</template>