diff --git a/packages/playground/src/main.tsx b/packages/playground/src/main.tsx
index 94d8915e3..23135da10 100644
--- a/packages/playground/src/main.tsx
+++ b/packages/playground/src/main.tsx
@@ -9,7 +9,7 @@ import {
   ViewToolsWidget,
   OutlineTreeWidget,
   ResourceWidget,
-  MainPanel,
+  StudioPanel,
   CompositePanel,
   WorkspacePanel,
   ToolbarPanel,
@@ -288,7 +288,7 @@ const App = () => {
   return (
     <Designer engine={engine}>
       <Workbench>
-        <MainPanel logo={<Logo />} actions={<Actions />}>
+        <StudioPanel logo={<Logo />} actions={<Actions />}>
           <CompositePanel>
             <CompositePanel.Item title="panels.Component" icon="Component">
               <ResourceWidget title="sources.Inputs" sources={[Input, Card]} />
@@ -333,7 +333,7 @@ const App = () => {
           <SettingsPanel title="panels.PropertySettings">
             <SettingsForm uploadAction="https://www.mocky.io/v2/5cc8019d300000980a055e76" />
           </SettingsPanel>
-        </MainPanel>
+        </StudioPanel>
       </Workbench>
     </Designer>
   )
diff --git a/packages/react/src/panels/MainPanel.tsx b/packages/react/src/panels/StudioPanel.tsx
similarity index 89%
rename from packages/react/src/panels/MainPanel.tsx
rename to packages/react/src/panels/StudioPanel.tsx
index c97f2c646..7c0b4f0ab 100644
--- a/packages/react/src/panels/MainPanel.tsx
+++ b/packages/react/src/panels/StudioPanel.tsx
@@ -1,14 +1,14 @@
 import React from 'react'
 import { usePrefix } from '../hooks'
 import cls from 'classnames'
-export interface IMainPanelProps {
+export interface IStudioPanelProps {
   style?: React.CSSProperties
   className?: string
   logo?: React.ReactNode
   actions?: React.ReactNode
 }
 
-export const MainPanel: React.FC<IMainPanelProps> = ({
+export const StudioPanel: React.FC<IStudioPanelProps> = ({
   logo,
   actions,
   ...props
diff --git a/packages/react/src/panels/index.ts b/packages/react/src/panels/index.ts
index 9fa96a3d7..90ddb5671 100644
--- a/packages/react/src/panels/index.ts
+++ b/packages/react/src/panels/index.ts
@@ -1,5 +1,5 @@
 import './styles.less'
-export * from './MainPanel'
+export * from './StudioPanel'
 export * from './CompositePanel'
 export * from './SettingsPanel'
 export * from './WorkspacePanel'