PNG outline stroke
自动提取透明PNG图片轮廓并生成矢量描边。Automatically extract transparent PNG outlines and generate vector strokes.
Plugin Preview
About this plugin
---### **使用说明 / 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.---
Plugin Details
| Version | 2 |
|---|---|
| Created | January 13, 2026 |
| Last Updated | February 6, 2026 |
| Category | editing & effects plugins |
| Creator | fox Do |
| Stats | 111 installs, 4 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:main.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://baocamera.cn
More Like This
Discover other plugins in the editing & effects plugins category.