必须主动退出编辑模式才能返回设计画布，方式有三：①按【esc】键立即退出；②点击画布空白处（仅代码面板未全屏时有效）；③点击右侧代码面板右上角【×】关闭面板。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在墨刀AI代码生成界面中，当你正在编辑某段自动生成的代码并希望立即停止编辑、返回到可交互的设计画布状态时，必须主动退出当前编辑模式，否则无法点击组件、拖动元素或触发其他设计操作。

通过快捷键强制退出编辑模式

按下 【Esc】 键。这是最直接的方式，无论光标是否在代码输入框内，只要处于编辑态（顶部显示“正在编辑代码”或代码区呈高亮可输入状态），按一次 Esc 即刻退出，界面恢复为标准设计视图。

墨刀AI

一款AI图像与设计工具，主要用于产品经理的专属智能体，适合需要提升相关任务效率的用户。

下载

点击画布空白处退出

将鼠标移至代码编辑区域以外的任意画布空白位置，单击左键。

注意：此操作仅在代码编辑器未全屏、且画布仍部分可见时有效；若代码面板已占据整个工作区（如启用“专注编辑”），则该方法失效。

关闭右侧代码面板

步骤一：找到右侧悬浮的代码面板右上角的 【×】 关闭按钮。
步骤二：单击该按钮，面板收起。
步骤三：此时编辑模式自动终止，所有设计工具按钮重新激活，可继续拖拽组件或调整交互逻辑。