Design:原型、组件与布局
- 在底部工具栏中选择工具(画框、矩形、文本、连接线…),然后在画布上绘制。
- 图标:资源选项卡 › 图标,1500 多个 Font Awesome 图标(实心或描边),可搜索、点击或拖动;每个图标都会成为可编辑路径。
- 将画框转换为组件,以复用按钮或卡片:其副本会同步更新。
- 在检查器中,“布局”可将画框内的元素按行、列或网格排列;“锚定”决定画框尺寸变化时元素的行为。
- 在字段图标(X、宽、高…)上拖动可修改数值,双击名称可重命名。
- 右键单击可将页面或元素导出为 PNG、SVG 或 PDF。
- 与 Figma 配合:在一个软件中复制 (⌘C),在另一个中粘贴 (⌘V),双向可用;「更多操作 › 导入 Figma 文件 (.fig)」可逐页导入整个文件。
- 此外:布尔运算和蒙版(右键)、组件变体、支持模式、别名和公式的变量(「资源」标签 › 管理,或检查器中数值旁的「变量」按钮;JSON 导入与导出)、原型与演示 (▶)、标尺 (Shift+R)、Alt 测量、「检查」中的 CSS 代码。