Figma 大型图片分割导入插件

该Figma插件允许用户导入任意尺寸的图片，包括超过Figma限制(4096px)的大型图片，自动将其分割成多个部分导入到Figma中，并支持多种缩放选项。

功能特点

• 支持导入任意高度的图片，自动处理超过Figma限制的大型图片
• 支持多张图片批量导入，提高工作效率
• 提供多种图片缩放选项：
  • 保持原始尺寸
  • 缩小至1/2尺寸
  • 缩小至1/3尺寸
  • 自定义宽度和高度
• 自动将超过4096px高度的图片分割成多个部分
• 保持图片原始质量，无需压缩
• 将分割的部分组织在一个框架中，方便管理
• 用户友好的界面，支持拖放操作
• 导入完成后可选择自动关闭插件

使用方法

1. 在Figma中运行插件
2. 选择图片缩放选项：
   • 原始尺寸
   • 缩小至1/2
   • 缩小至1/3
   • 自定义尺寸（像素）
3. 如选择自定义尺寸，输入所需的宽度或高度（只需输入一个值，另一个值会按比例自动计算）
4. 拖放图片到指定区域或点击"Select Multiple Images"按钮选择图片
5. 查看导入进度条，等待导入完成
6. 导入后的图片会放置在Figma画布的中心位置

技术说明

该插件利用Figma的API特性，通过将一个大图像分割成多个部分来解决Figma的图像尺寸限制问题。插件使用Canvas API进行图像处理，确保分割和缩放过程中保持图像质量，同时优化内存使用，以处理超大型图片。

支持的文件格式

• JPEG/JPG
• PNG

性能优化

• 大型图片会自动分割成多个部分进行处理，避免内存溢出
• 图片处理过程中有详细的进度指示
• 批量导入时按顺序处理，优化内存使用

注意事项

• 图片越大，处理时间可能越长
• 导入的图片会以Figma框架(Frame)形式呈现
• 多图片导入时会水平排列，间距为50像素
• 对于超宽的图片，建议使用缩放选项

开发和贡献

该插件使用JavaScript开发，由以下文件组成：

• manifest.json: 插件配置文件
• code.js: 主要功能代码
• ui.html: 用户界面

如需修改或自定义，可以编辑这些文件并重新打包插件。