设计走查 Design Review

About this plugin

Introduction

Design Review helps designers quickly inspect selected elements, detect overridden properties between components and instances, and visualize differences through intuitive snapshots and structured reports.

Function Description

1. Component Diff Overview: Compare selected components and instances to identify overridden text, color, or style changes.
2. Snapshot Visualization: Instantly preview snapshots of component and instance states for visual comparison.
3. Multi-language Interface: Seamlessly switch between English, Chinese, Japanese, Korean, and Hindi interfaces.
4. Smart Rescan: Re-scan updated selections to refresh change data in real time.
5. Locate Function: Jump directly to root or instance nodes on the Figma canvas.

Usage

1. Select one or more components or instances in your Figma file.
2. Open the plugin — it will automatically generate a review report.
3. Click “Rescan Selection” to update results after changes.
4. Use language switch for multilingual experience.
5. Click “Locate” buttons to highlight elements on canvas.

Notes

1. The plugin only works when valid nodes (components/instances) are selected.
2. Snapshots may not display if the node is hidden or unsupported by Figma.
3. Ensure sufficient memory when scanning large selections.
4. For right-to-left languages, layout direction will auto-adjust.

简介

Design Review 是一款高效的设计走查工具，可快速扫描并比对所选组件与实例的差异，自动识别被覆盖的属性，并通过快照与结构化报告直观展示变化。

功能说明

1. 组件差异检测： 比对组件与实例的文字、颜色、样式等被覆盖内容。
2. 快照可视化： 自动生成组件与实例的快照，直观展示差异。
3. 多语言切换： 支持英语、简体中文、繁体中文、日语、韩语、印地语等语言。
4. 智能重新扫描： 一键重新扫描当前选择，实时刷新差异结果。
5. 定位功能： 一键定位至组件或实例节点，方便查阅与修复。

使用方法

1. 在 Figma 中选择一个或多个组件或实例；
2. 打开插件，系统会自动生成走查报告；
3. 修改后点击 “重新扫描” 更新结果；
4. 使用语言切换菜单体验多语言界面；
5. 点击 “定位” 按钮快速选中画布节点。

注意事项

1. 插件需在选中有效组件或实例后使用；
2. 若节点隐藏或不支持快照，图像预览可能为空；
3. 扫描大批量节点时，请确保内存充足；
4. RTL（从右到左）语言会自动调整界面方向。