组件检测工具
Component Check Tool / 组件检测工具
Plugin 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
Version | 2 |
---|---|
Created | July 17, 2025 |
Last Updated | July 17, 2025 |
Category | design-inspirations |
Creator | 潘康(UI) |
Stats | 7 installs, 3 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:document
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the design-inspirations category.