PNG outline stroke

自动提取透明PNG图片轮廓并生成矢量描边。Automatically extract transparent PNG outlines and generate vector strokes.

Plugin Preview

---

### **使用说明 / How to Use**

**1. 选择图片 / Select Image**

- 在画布中选中一张带有**透明背景**的 PNG 图片。

- Select a **PNG image with transparency** on your canvas.

**2. 实时预览 / Live Preview**

- 插件会自动识别图片轮廓并显示在预览框中。

- **缩放与移动**：在预览框内使用滚轮进行缩放，点击并拖拽可移动视野。

- The plugin automatically detects the outline.

- **Pan & Zoom**: Use the mouse wheel to zoom and drag to pan within the preview frame.

**3. 参数调节 / Adjust Parameters**

- **轮廓精度 (Detail)**：数值越高，生成的矢量路径越平滑。

- **描边粗细 (Stroke)**：设置生成描边的宽度。

- **描边外扩 (Expand)**：设置描边相对于图片边缘向外扩张的距离。

- **Detail**: Higher values result in smoother vector paths.

- **Stroke**: Adjust the thickness of the generated stroke.

- **Expand**: Offset the stroke outward from the image edge.

**4. 应用描边 / Apply Stroke**

- 点击 **“应用描边 (Apply)”** 按钮，矢量路径将直接生成并叠加在画布原图上方。

- Click **"Apply"** to generate and place the vector path directly over your image in Figma.

---

### **技巧与提示 / Tips**

- **背景清理**：透明背景越干净，生成的轮廓越精准。

- **Clean Alpha**: Cleaner transparent backgrounds yield better results.

---