术语、官方来源与验证记录
本页帮助你把中文教程、Figma 英文界面与实际工具调用对应起来。资料核查日期：2026-10-31。Figma、Figwright 和微信能力会更新；界面变化时优先核对官方资料和当前工具 schema。
术语速查
| 中文 | 英文／工具概念 | 核心含义 |
|---|---|---|
| 画框 | Frame | 有独立边界与布局能力的容器 |
| 组 | Group | 边界跟随内容的图形集合 |
| 分区 | Section | 组织画布内容 |
| 自动布局 | Auto Layout | 排布子项并保留关系 |
| 包裹内容 | Hug contents | 尺寸由内容及留白决定 |
| 填满容器 | Fill container | 使用父自动布局容器的可用空间 |
| 固定 | Fixed | 保持指定轴尺寸 |
| 约束 | Constraints | 父 Frame 变化时的响应 |
| 脱离自动布局 | Ignore auto layout | 旧称 Absolute position |
| 主组件／实例 | Main component / Instance | 共享定义与具体引用 |
| 变体／组件集 | Variant / Component set | 有限配置与其集合 |
| 覆盖 | Override | 实例局部差异 |
| 实例交换 | Instance swap | 替换嵌套组件 |
| 变量／模式 | Variable / Mode | 共享值及上下文取值 |
| 样式 | Style | 组合属性规则 |
| 跳转／浮层 | Navigate / Overlay | 页面和覆盖层动作 |
| 切换变体 | Change to | 同组件集内的局部状态切换 |
| 智能动画 | Smart Animate | 按名称层级匹配并插值 |
| 流程起点 | Flow starting point | 原型演示入口 |
| 节点 ID／组件 key | nodeId / componentKey | 文件内身份／组件导入标识 |
官方资料入口
结构与布局
组件与变量
原型与导出
工具与微信
- Figwright 官方仓库：能力说明和安装；实际工具目录以客户端为准。
- 微信小游戏入口、运行环境、窗口信息。
- 胶囊坐标、触控、字体。
- Docusaurus 安装、静态部署。本站锁定 Docusaurus 3.10.2。
如何看验证记录
Figma 图和源节点来自实际 Figwright 操作；网页实验是原理演示。节点、变量与交互配置有工具读回记录，见样例清单。站点构建、内容链接和浏览器检查由仓库脚本完成。
这些证据证明设计产物和文档站的对应关系，不证明微信游戏已运行，也不代替 Figma Present 的人工播放观察。截图中的计时、成绩、奖励和开关为教学数据。
线上版本可从部署提交标记核对；源码保存在用户的私有 GitLab 仓库，公开读者无需仓库权限即可阅读本站。
更新方法
新增教程时同步课程目录与搜索索引；改 Figma 样例时重新导出截图、更新节点清单，并检查引用章节。遇到计划、UI 或 API 变化，以官方当前资料和读回事实修正，不照搬过期截图。