设计产品页面
更新于
进入设计界面后，页面生成可能需要片刻时间，你可在左侧边栏查看页面生成进度。本文将分步介绍设计界面的功能，帮你顺利完成项目编辑。
设计界面的左侧边栏包含三大模块：页面、图层、历史记录；右侧边栏包含两大模块：AI 助手、设计面板。
下面为你介绍设计界面的基础编辑操作：
1. 页面编辑
选择页面
- 页面生成完成后，点击左侧「页面」列表中的任意页面，即可查看其布局、视觉效果与样式。
删除页面
- 选中页面后，点击右上角的垃圾桶图标，即可删除该页面。
- 你可在左下角查看已删除页面，点击撤销删除，即可恢复被删页面。
还原至历史版本
仅当使用 AI 生成新内容时，历史记录才会更新。
- 点击左侧边栏的历史记录，即可查看版本记录，并还原至任意历史版本。
- 点击左箭头图标，或使用快捷键 Ctrl+Z，可撤销当前页面的最新修改。
2. 元素编辑
选择元素
-
在已选中的页面中，点击任意元素即可将其选中。
-
点击元素右上角的按钮，可对选中元素进行移动、复制、删除操作。
3. 查看图层
- 点击左侧边栏的图层，即可查看当前页面或选中元素的图层结构。
- 点击右箭头图标，可展开所有嵌套图层。
- 拖动移动手柄，可调整图层排序，或将子图层嵌套至父图层下，帮你快速完成调整。
4. 设计模式
- 设计界面支持两种设计模式，适配灵活的工作流程： AI 生成（AI 助手） 和 精准编辑（设计面板）。
AI 助手
- 通过 AI 助手，你只需输入简单指令，即可对选中页面进行修改与重新生成。
设计面板
- 在设计面板中，选中元素后即可编辑其样式，包括： 布局、尺寸、文本、图层样式、填充与描边。在交互设置中，你可根据元素需求编辑属性 ——例如为链接按钮填写目标网址、为图片设置宽度等。
