Back to Plugins
PNG outline stroke

PNG outline stroke

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

Plugin Preview

PNG outline stroke 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

Version2
CreatedJanuary 13, 2026
Last UpdatedFebruary 6, 2026
Categoryediting & effects plugins
Creatorfox Do
Stats111 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://baocamera.cn