Figma 术语表 #

面向中文用户的 Figma Design / FigJam 常用术语速查。释义依据 Figma Help Center (opens new window) 公开文档归纳,力求简短准确;细节以官方原文与应用内说明为准。

按拼音 / 英文首字母分组浏览,或用页面内搜索(Ctrl/⌘ + F)。

A #

Actions 菜单(Actions menu)
用自然语言或关键词快速执行命令、插入资源、调用 AI 能力等的全局菜单。快捷键多为 ⌘/Ctrl + K。见 快捷键速查。

Annotation(注解)
在 Dev Mode 等场景为设计补充说明、尺寸与上下文,帮助开发不错过关键信息。见 Dev Mode 指南。

Auto layout(自动布局)
让 Frame 内子项按方向、间距、对齐与填充规则自动重排,行为接近 CSS Flexbox。见 创建动态设计(Auto layout)。

B #

Boolean(布尔运算)
对矢量形状做并集、差集、交集、排除等运算以得到复合外形。见 布尔运算。

C #

Canvas(画布)
文件中放置 Frame、图层与原型的无限工作区。见 画布。

Code Connect
把设计系统组件与真实代码片段映射到 Dev Mode,检视时优先显示团队代码而非纯自动生成代码。见 Dev Mode 指南。

Code layer(代码图层)
在 Design 画布上运行可交互代码的图层,可与静态设计并排比较(官方文档称 open beta,可用性以账号为准)。见 Figma AI / Make 指南。

Collection(变量集合)
Variables 的组织单位,集合内可有多个 Mode(如 Light / Dark)。见 Variables 指南。

Component(组件)
可复用的主设计单元;修改主组件可同步到其实例(除非局部覆盖)。见 使用组件与实例。

Component property(组件属性)
控制实例上文本、布尔可见性、实例替换等的可配置属性,常与 Variant 配合。见 创建与使用变体。

Constraints(约束)
定义子图层相对父 Frame 缩放 / 贴边时的定位规则。见 使用约束。

D #

Detach(分离实例)
将 Instance 与主 Component 断开,变成普通图层树(不可再一键接收主组件更新)。见 使用组件与实例。

Dev Mode(开发模式)
面向工程师的检视工作区:查看属性与代码片段、下载资源、对比变更、管理 Ready for dev 等。快捷键 Shift+D。见 Dev Mode 指南、与工程师协作。

Design token(设计令牌)
跨平台复用的设计决策值(颜色、间距等);在 Figma 中常用 Variables 表达。见 Variables 指南。

E #

Effects(效果)
阴影、模糊等图层效果;可存为 Style。见 效果。

Export(导出)
按 PNG / JPG / SVG / PDF 等格式与倍数输出资源。见 导出入门。

F #

FigJam
Figma 的白板产品,用于研讨、流程图与协作便签等。见 FigJam 中文用户指南。

Figma agent
文件内对话式 AI,可生成 / 编辑设计、遵循库指南、辅助插件与 Motion 等(方案与席位限制见官方)。见 Figma AI / Make 指南。

Figma Make
以提示或现有设计生成可交互应用 / 原型的独立文件类型,可预览、改代码并发布。见 Figma AI / Make 指南。

Figma MCP server
把 Figma 上下文接到外部 AI 工具(如 Cursor、Claude 等)的官方 MCP 服务。见 Figma AI / Make 指南。

Fill(填充)
图层的实色、渐变、图片等填充。见 填充与描边。

Folder(文件夹)
文件浏览器中的组织单位(由原 Projects 演进,支持嵌套)。见 文件浏览器、更新日志。

Frame(画板 / 帧)
带尺寸与布局能力的容器,是界面与 Auto layout 的基础。见 Frame 工具、编组与 Frame。

G #

Group(编组)
简单打包多个图层的容器,布局能力弱于 Frame。见 编组与 Frame。

H #

Handoff(交付)
设计师把规格、资源与状态交给开发的过程;Dev Mode 与注解是现代交付手段。见 与工程师协作。

I #

Instance(实例)
Component 的可复用副本,可覆盖部分属性但仍链接主组件。见 使用组件与实例。

Interactive component(交互式组件)
在组件变体之间定义原型交互,使实例自带微交互。见 原型入门。

L #

Layers panel(图层面板)
左侧列出页面内图层层级的面板。见 图层面板。

Library(团队库)
发布后可供其他文件启用的组件、样式、变量等资源库。见 团队库。

Layout grid(布局网格)
Frame 上的栅格 / 列 / 行参考,辅助对齐。见 布局网格。

M #

Mask(蒙版)
用下层形状裁剪上层可见区域。见 蒙版。

Mode(变量模式)
同一变量在不同上下文(主题、尺寸断点等)下的多套取值。见 Variables 指南。

Motion
Figma 中基于时间轴的动画能力(官方曾以开放 beta 发布,功能以当前产品为准)。见 更新日志。

O #

Overlay(叠加层)
原型中在当前画面上叠开的界面(如下拉、对话框)。见 使用 Overlay 做原型。

P #

Page(页面)
单个 Design 文件内的分页画布。见 文件浏览器。

Plugin(插件)
Community 或组织提供的扩展,可在文件中运行自动化或对接外部工具。见 查找并安装插件、插件与资源目录。

Properties panel(属性面板)
右侧显示选中对象属性的面板。见 属性面板。

Prototype(原型)
用热区、触发器与动画把画面串成可点击流程。见 创建原型。

R #

Ready for development(Ready for dev)
标记 Frame / 组件 / Section 等已可开发;Dev Mode 侧栏会突出这些内容。见 Dev Mode 指南。

S #

Section(分区)
在画布上框选相关 Frame 的组织容器,可标记交付状态并改善 Dev Mode 导航。见 Dev Mode 指南。

Smart animate(智能动画)
原型过渡中按图层匹配做插值动画的动画类型之一。见 原型设置。

Smart selection(智能选择)
按间距规律批量调整多对象排列。见 智能选择。

Stroke(描边)
图层边线的颜色、粗细与对齐方式。见 填充与描边。

Style(样式)
可复用的颜色、文字、效果或网格等外观定义;与 Variables 分工不同。见 创建样式、Variables 指南。

T #

Team(团队)
共享文件、库与权限的协作空间。见 创建团队。

Text style(文本样式)
字族、字号、行高等排版属性的可复用样式。见 文本概览、创建样式。

V #

Variables(变量)
可绑定到填充、间距、圆角、原型逻辑等的可复用值,支持 Mode 与库发布。见 Variables 指南。

Variant(变体)
同一组件集内用属性(如 Size、State)区分的多种外观。见 创建与使用变体。

Vector network(矢量网络)
Figma 矢量路径可多向连接的编辑模型(不止单一开放/闭合路径)。见 矢量网络。

Version history(版本历史)
文件的时间点快照,可查看与恢复。见 版本历史。

W #

Widget(小组件)
多存在于 FigJam 的可交互嵌入物(如投票、计时)。见 FigJam 指南。

Wrap(换行 / 折列)
Auto layout 在主轴放不下时折到下一行或下一列的行为。见 自动布局、更新日志。


共收录 50 条核心术语。更多产品变化见 更新日志中文版;操作捷径见 快捷键速查表。

依据 Figma Help Center 公开文档整理,更新于 2026-11-02(Asia/Shanghai)。