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)
Stats30 installs, 6 likes
PricingFree

Technical Details

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