diff --git a/packages/engine-cli/template/designer/registry.js b/packages/engine-cli/template/designer/registry.js
index de153fc5ae..72bcf82965 100644
--- a/packages/engine-cli/template/designer/registry.js
+++ b/packages/engine-cli/template/designer/registry.js
@@ -14,8 +14,8 @@ import {
   Breadcrumb,
   Fullscreen,
   Lang,
-  Lock,
   Logo,
+  Lock,
   Media,
   Redoundo,
   Save,
@@ -24,7 +24,6 @@ import {
   GenerateCode,
   Refresh,
   Collaboration,
-  Setting,
   Materials,
   State,
   Script,
@@ -54,7 +53,28 @@ export default {
     metas: [EditorInfoService, AppService, GenerateCodeService]
   },
   config: engineConfig,
-  layout: Layout,
+  layout: {
+    ...Layout,
+    options: {
+      ...Layout.options,
+      isShowLine: true,
+      isShowCollapse: true,
+      toolbars: {
+        left: ['engine.toolbars.breadcrumb', 'engine.toolbars.lock', 'engine.toolbars.logo'],
+        center: ['engine.toolbars.media'],
+        right: [
+          ['engine.toolbars.redoundo', 'engine.toolbars.clean'],
+          ['engine.toolbars.preview'],
+          ['engine.toolbars.generate-code', 'engine.toolbars.save']
+        ],
+        collapse: [
+          ['engine.toolbars.collaboration'],
+          ['engine.toolbars.refresh', 'engine.toolbars.fullscreen'],
+          ['engine.toolbars.lang']
+        ]
+      }
+    }
+  },
   themes: [
     {
       id: 'engine.theme.light'
@@ -66,17 +86,16 @@ export default {
   toolbars: [
     Logo,
     Breadcrumb,
+    Lock,
     Media,
+    Redoundo,
     Collaboration,
     Clean,
+    Preview,
     Refresh,
-    Save,
     GenerateCode,
-    Preview,
-    Redoundo,
+    Save,
     Fullscreen,
-    Lock,
-    Setting,
     Lang
   ],
   plugins: [Materials, Tree, Page, Block, Datasource, Bridge, I18n, Script, State, Schema, Help, Robot],
diff --git a/packages/engine-cli/template/designer/src/preview.js b/packages/engine-cli/template/designer/src/preview.js
index ffa9177e38..4e120d4c6c 100644
--- a/packages/engine-cli/template/designer/src/preview.js
+++ b/packages/engine-cli/template/designer/src/preview.js
@@ -10,7 +10,7 @@
  *
  */
 
-import { initHook, HOOK_NAME, generateCodeService } from '@opentiny/tiny-engine'
+import { initHook, HOOK_NAME, GenerateCodeService, Breadcrumb, Media, Lang } from '@opentiny/tiny-engine'
 import { initPreview } from '@opentiny/tiny-engine'
 import 'virtual:svg-icons-register'
 import '@opentiny/tiny-engine-theme'
@@ -23,9 +23,10 @@ initPreview({
   registry: {
     root: {
       id: 'engine.root',
-      metas: [generateCodeService]
+      metas: [GenerateCodeService]
     },
-    config: { id: 'engine.config', theme: 'light' }
+    config: { id: 'engine.config', theme: 'light' },
+    toolbars: [Breadcrumb, Media, Lang]
   },
   lifeCycles: {
     beforeAppCreate