组件样式Key导出 Resource Key Exporter

About this plugin

Introduction

Resource Key Exporter enables designers and developers to quickly export all component, style, and variable keys from the current Figma file. This tool streamlines design system documentation, developer handoff, and multi-team collaboration.

Function Description

•Export the names and keys of all Components, Text Styles, Effect Styles, Grid Styles, Paint Styles, Variables, and Variable Collections in one click.

•Support multi-language UI (English, Simplified Chinese, Traditional Chinese, Hindi, Japanese, Korean).

•Copy results individually or as a full JSON.

•Clear data grouping for efficient handoff and version control.

•Modern interface design for optimal usability.

Usage

1.Open a Figma file containing components, styles, or variables.

2.Launch the plugin.

3.(Optional) Select your preferred language in the top menu.

4.Click “Export Resources”.

5.View, copy, or download the exported keys as text or JSON.

Notes

•Please ensure your file contains components, styles, or variables before running the plugin.

•For large files, exporting may take several seconds.

•Only local (current file) resources are exported; linked library assets are not included.

•JSON format is suitable for integration with documentation, code, or other design system tools.

介绍

组件样式Key导出工具（Resource Key Exporter）支持一键导出当前Figma文件中全部组件、样式和变量的名称与Key。插件适用于设计系统梳理、研发对接、团队协作及文档归档。

功能说明

•一键导出所有组件、文本样式、效果样式、网格样式、填充样式、变量及变量合集的名称与Key

•支持多语言界面（英语、简体中文、繁体中文、印地语、日语、韩语）

•支持单项和整体JSON格式复制

•结构化分组展示，便于开发对接和版本管理

•现代化界面设计，操作直观高效

使用方法

1.打开包含组件、样式或变量的Figma文件

2.启动插件

3.（可选）在顶部选择所需语言

4.点击“导出资源”按钮

5.浏览、复制或导出全部Key（文本或JSON格式）

注意事项

•请确保文件内已包含组件、样式或变量再运行插件

•大型文件导出需等待数秒，耐心等待

•仅导出本地（当前文件）资源，不包含引用的外部组件库

•JSON格式适合用于文档归档、代码集成及设计系统管理工具