需通过四种方式复用Figma组件：一、创建主组件并复制实例；二、跨文件复制组件（含嵌套与变体）；三、使用插件批量导出与复用组件库；四、通过Figma API实现自动化组件同步。

如果您在Figma中设计完成一个按钮、卡片或导航栏，希望在多个页面或文件中重复使用其样式与结构，则需通过规范的组件复制机制实现高效复用。以下是实现该目标的具体操作路径：

一、创建主组件并复制实例

主组件是所有复用的基础，只有将其定义为Component后，才能生成可同步更新的实例。实例一旦创建，修改主组件将自动反映在全部实例上。

1、选中目标图层（如一个带图标和文字的按钮）。

2、右键点击，选择Create component，或使用快捷键Ctrl+Alt+K（Windows）/ Cmd+Option+K（macOS）。

3、在左侧Layers面板中，该图层名称旁会出现●标识，表示已转为主组件。

4、在画布任意位置右键，选择Paste component instance；或直接拖拽主组件缩略图至画布，即生成可复用实例。

二、跨文件复制组件（含嵌套与变体）

Figma支持将完整组件（含变体、属性、嵌套结构）从一个文件整体迁移至另一文件，无需逐层重建，且保留全部交互逻辑与样式变量绑定关系。

1、在源文件中，于左侧Assets面板展开Components库，找到目标组件（含变体标识“V”）。

2、点击组件右侧的⋯菜单，选择Copy component。

3、切换至目标Figma文件，确保已打开对应页面。

4、在画布空白处右键，选择Paste component；或按Ctrl+V（Windows）/Cmd+V（macOS）粘贴。

5、粘贴后，组件将自动注册进目标文件的本地Components库，变体状态、文本覆盖、颜色变量均保持可用。

三、使用插件批量导出与复用组件库

当设计系统规模扩大，手动复制效率低下，可通过社区插件实现组件库的结构化导出与跨项目注入，确保团队成员获取一致版本。

1、安装插件Anima或Zeroheight Figma Sync（访问Figma Community搜索并安装）。

2、在源文件中，选中全部需导出的组件图层，右键调出插件菜单。

3、选择Export as Library，设置命名空间与版本号（如v1.2.0），导出为.figlib文件。

4、在目标文件中，打开同一插件，点击Import Library，选择刚导出的文件。

5、导入完成后，所有组件及其变体将出现在目标文件Assets面板的Libraries区域，支持拖拽插入与实时更新。

四、通过Figma API实现自动化组件同步

适用于企业级设计系统管理，允许脚本读取指定文件中的组件定义，并批量写入其他Figma文件，绕过人工操作，保障高一致性。

1、进入Figma账户设置 → Account Settings → Security → Personal access tokens，生成新Token，勾选Files:read与Files:write权限。

2、使用curl或Node.js脚本调用Figma REST API：/v1/files/{file_key}/nodes，传入组件所在节点ID，获取JSON格式的组件结构数据。

3、解析返回数据，提取componentPropertyDefinitions、variantProperties等关键字段。

4、对目标文件发起POST /v1/files/{target_file_key}/images与POST /v1/files/{target_file_key}/nodes请求，注入组件图层树与属性映射关系。

5、调用成功后，目标文件中将出现与源文件完全一致的组件条目，包括所有变体标签、默认值及约束行为。