Back to Plugins
Device Img Cropper

Device Img Cropper

自动化处理智能设备图片,按照特定的设计规范将其适配到 160x180 的卡片容器中。

Plugin Preview

Device Img Cropper preview

About this plugin

🚀 使用方法


单张处理模式 (Single Mode)


1. 运行插件: 在 Figma 中启动 "Device Img Cropper"。

2. 选择图片: 在画布上选中一个包含图片的图层 (Image Layer)。

3. 预览效果: 插件会自动分析图片,并在界面右侧展示裁剪和适配后的预览效果。

4. 插入画布: 确认无误后,点击 "插入到画布" (Insert into Canvas) 按钮,生成的组件将自动添加到画布中。


批量处理模式 (Batch Mode)


1. 在插件顶部切换到 "批量处理" 标签页。

2. 点击上传区域,从本地选择多张图片(支持多选)。

3. 点击"处理并导出 ZIP"。

4. 插件将在本地完成所有计算,并自动下载包含处理后图片的 ZIP 包。

注:批量导出的图片为 3 倍高清图 (480x540),且保持原文件名


🔒 隐私与安全


本插件采用 纯本地离线计算 (Local Computation)


Plugin Details

Version2
CreatedJanuary 15, 2026
Last UpdatedJanuary 16, 2026
Categoryediting & effects plugins
Creator潘康(UI)
Stats2 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none