画布与工具

画布铺满整个窗口，面板悬浮在其上方。每个工具都有一个单键快捷键。

1工具

工具	作用
选择 `V`	选择、移动图层并调整其大小。
画框 `F`	绘制画框。顶层画框就是画板、屏幕或幻灯片。
矩形 `R`	形状工具组。它的菜单里还有多边形、星形、线条、图标和浏览器。
椭圆 `O`	圆形和椭圆，可做成圆弧和圆环。
多边形 `Y`、线条 `L`	正多边形和直线。
钢笔 `P`	绘制带多个锚点的路径。按 Enter 或 Escape 结束路径。
铅笔 `Shift+P`	徒手绘制线条，并平滑为曲线。
文本 `T`	单击创建自动扩展的文本框，拖动则创建固定宽度的文本框。
便签 `N`	写给自己或 Agent 的便签、上下文和提示词卡片。
图片	放置 PNG、JPEG、GIF、WebP 或 SVG 文件。
抓手 `H`	平移画布。按住空格键效果相同。

星形：带内径的多边形。在面板中设置角数和内径。
椭圆弧：面板中的“起始”“扫过”和“内径”可以把椭圆变成扇形、圆弧或圆环。
图标：可从 Lucide、Feather、Simple Icons（品牌图标）、Material Symbols（线框、圆角和直角三种样式）以及 Phosphor 中选择。
铅笔平滑：精确、均衡或平滑，在“设置 > 系统”中设置。铅笔光标样式也在那里。

浏览器形状会以桌面、平板或手机设备的形式显示真实网页，支持 URL、缩放和滚动。它使用你电脑上已安装的 Chrome、Chromium、Edge 或 Brave；设置 DE_BROWSER_PATH 可以指定其他浏览器。

打开文件时，其中的网页会保持暂停，直到你点击“加载页面”。因此打开文件本身绝不会访问任何网站。

便签、上下文和提示词卡片只存在于画布上。它们不会出现在任何导出结果中，所以你可以在设计旁边给 Agent 留下说明。

脚本节点是由 JavaScript 绘制的画框。它的 @input 参数会以输入框的形式显示在面板的“脚本”区域中。

拖动图层时会显示智能参考线，并吸附到周围图层的边缘和中心。

可以在面板中进行左对齐、水平居中、右对齐、顶部对齐、垂直居中或底部对齐。选中三个或更多图层后，可以水平或垂直分布。

布尔运算用于组合形状：联合 Cmd+Alt+U、减去 Cmd+Alt+S、交集 Cmd+Alt+I、排除 Cmd+Alt+X。图层菜单中也有这些操作。包含其他图层的画框不能参与组合。

复制、剪切和粘贴都作用于图层。在 Figma 中复制图层后粘贴到这里，会得到可编辑的图层。从任何地方粘贴 HTML 也会转换为图层。

文档使用编辑器