Back to Plugins
组件检测工具

组件检测工具

Component Check Tool / 组件检测工具

Plugin Preview

组件检测工具 preview

About this plugin

# Component Check Tool / 组件检测工具


This is a Figma plugin designed to help designers and developers quickly check the usage of components in their design files, ensuring consistency with design specifications.


这是一个 Figma 插件,旨在帮助设计师和开发人员快速检查设计稿中的组件使用情况,确保设计规范的一致性。


## Key Features / 主要功能


- **Scan Component Instances**: Quickly scan the entire document to list all used component instances, grouped by component name.

- **组件实例扫描**: 快速扫描整个文档,列出所有使用的组件实例,并按组件名称分组。


- **Scan Non-Component Elements**: Find and list UI elements (such as rectangles, text, views, etc.) that have not been converted into components, helping you identify potentially un-componentized content.

- **非组件元素扫描**: 查找并列出那些没有被转换成组件的UI元素(如矩形、文本、视图等),帮助您识别潜在的未组件化内容。


- **Analyze Selected Artboards**: Target the analysis on the currently selected artboards to improve inspection efficiency.

- **分析选中画板**: 针对性地分析当前选中的画板,提高检查效率。


- **Interactive Results List**:

- Click on any item in the list to automatically select the corresponding layer on the Figma canvas.

- Clearly display the element's name, type, and path.

- **交互式结果列表**:

- 点击列表中的任何一项,即可在 Figma 画布上自动选中对应的图层。

- 清晰地展示元素的名称、类型和路径。


- **Type Filtering**: In the "Non-Component Elements" view, you can filter by element type (e.g., RECTANGLE, FRAME) to focus on specific types of elements.

- **类型筛选**: 在“未使用组件的元素”视图中,可以根据元素类型(如 RECTANGLE, FRAME)进行筛选,方便聚焦于特定类型的元素。


- **Search Results**: Perform keyword searches within the scan results to quickly locate the elements you are interested in.

- **结果搜索**: 在扫描结果中进行关键词搜索,快速定位您关心的元素。


- **Export Results**: Export the scan results (component instances or non-component elements) as a CSV file for easy archiving and further analysis.

- **导出结果**: 将扫描结果(组件实例或非组件元素)导出为 CSV 文件,方便归档和进一步分析。

Plugin Details

Version2
CreatedJuly 17, 2025
Last UpdatedJuly 17, 2025
Categorydesign-inspirations
Creator潘康(UI)
Stats7 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:document
  • Editor Types:
    figma
  • Allowed Domains:
    • none