diff --git a/src/components/BpmnDesign/hooks/usePanel.ts b/src/components/BpmnDesign/hooks/usePanel.ts
index cab37d9..5615b34 100644
--- a/src/components/BpmnDesign/hooks/usePanel.ts
+++ b/src/components/BpmnDesign/hooks/usePanel.ts
@@ -30,12 +30,19 @@ export default (ops: Options) => {
       updateProperties({ name: newVal });
     }
   };
+  const createModdleElement = (elementType, properties, parent) => {
+    const moddle = modeler.get<Moddle>('moddle');
+    const element = moddle.create(elementType, properties);
+    parent && (element.$parent = parent);
+    return element;
+  };
 
   return {
     elementType,
     showConfig: config,
 
     updateProperties,
+    createModdleElement,
     idChange,
     nameChange
   };