你的第一个设计

1从主页开始

应用启动后会打开主页。主页以网格或列表显示最近的文件，并提供“新建文件”“打开文件”“模板”“设计系统”和“场景模板”。

顶部的提示框可以用一句话开始一个设计。先选择要做的内容（落地页、移动应用、Web 应用、幻灯片、仪表盘或其他）和尺寸（桌面、平板、手机或幻灯片），再描述需求。内置 Agent 会在新画布上把它画出来。

下方的导入卡片可以打开 Figma 文件、网页、要复刻的截图或 pen.dev 文件。主页显示时，按 Cmd+N 新建空白文件。

2画一个画板

1. 按 F 切换到画框工具，在画布上拖动。顶层画框就是一个画板：一个屏幕、一个页面区块或一张幻灯片。
2. 按 R、O 或 T 在其中添加矩形、椭圆或文本。
3. 选中一个图层，在右侧面板中编辑它的尺寸、填充、描边和效果。
4. 为画板开启自动布局，让子元素按间距和内边距排列。

3保存

Cmd+S 保存为 .de 文件。它是纯 JSON，因此在 git 中便于比较差异，Agent 也能直接读取。图片默认存放在同级的 <name>.assets/ 文件夹中；Agent 也可以保存为内嵌所有图片的单个文件。

4预览

按 Cmd+P 打开预览。在顶部选择手机、桌面或画布。标记为屏幕的画板会像网站的页面一样工作，带有地址栏以及后退和前进。

5也可以从模板开始

“文件 > 从模板新建”会打开内置的场景模板：卡片、对比图、幻灯片、信息图、教程和轮播图。通过“文件 > 存为模板”，可以把任意文档保存为你自己的模板。

提示词中心收录了现成的提示词，涵盖起始屏幕、移动应用、网页、仪表盘、组件和修改。常用的提示词可以保存在“我的”下。