简易图文替换器

About this plugin

# 简易图文替换器

通过智能批量编辑功能，简化文本和图片的设计工作流程。

## ✨ 核心功能

### 🔤 智能文本编辑

- **批量编辑**：为每个文本图层生成独立输入框，一次性修改多个文本

- **智能字体回退**：原字体缺失时自动切换到可用字体（苹方 → Inter → 思源黑体 → Roboto）

- **实时更新**：修改后 300ms 自动同步到 Figma 画布，内置防抖优化

- **字体变更提醒**：使用回退字体时显示醒目的橙色警告提示

- **字体安装指引**：智能横幅提示缺失字体的安装建议

### 🖼️ 便捷图片替换

- **一键上传**：直接从本地文件替换图片图层

- **实时预览**：替换前后都能看到缩略图预览

- **格式支持**：JPG、PNG、GIF（最大 10MB）

- **保持缩放**：自动保留原图层的缩放模式（填充、适应、裁剪、平铺）

### 🎯 双向同步与高亮定位

- **画布 → 插件**：在 Figma 中选中图层，插件自动高亮对应输入框

- **插件 → 画布**：点击任意输入框，自动定位并缩放到对应图层

- **脉冲动画**：精美的蓝色外发光效果（600ms），视觉反馈清晰

- **即时导航**：永远不会搞混正在编辑的图层

### 🔍 智能图层扫描

- **递归检测**：扫描所有嵌套图层（Frame、Group、Component 等）

- **隐藏图层过滤**：自动跳过隐藏图层，列表更清爽

- **分类标签**：文本图层和图片图层分开显示

- **图层信息**：显示图层名称、字体信息、尺寸等详细信息

## 🚀 使用方法

1. 在 Figma 中**选中**任意 Frame、Group 或 Component

2. 在插件中**点击**"扫描图层"按钮

3. **切换**"文本图层"和"图片图层"标签

4. **直接编辑**输入框中的文本（300ms 后自动保存）

5. **点击**"选择图片"按钮上传新图片

6. **点击**任意输入框定位到画布上的对应图层

## 💡 适用场景

✅ 更新不同版本的设计文案

✅ 多语言设计本地化

✅ 批量替换占位图为真实内容

✅ 管理多个版本的营销物料

✅ 快速更新客户演示稿的内容

✅ 设计交付时的文本/图片规格说明

## 🛡️ 智能安全

- **无损编辑**：所有修改都可以用 Cmd/Ctrl+Z 撤销

- **字体智能**：缺失字体时自动回退，不会破坏设计

- **性能优化**：流畅处理数百个图层

- **隐私保护**：所有处理都在本地完成，不上传任何数据

## 🎨 用户体验

- 简洁直观的界面（320×600 像素）

- 最少点击实现最高效率

- 每个操作都有视觉反馈

- 零学习成本 - 开箱即用！

## 📦 技术细节

- 支持所有 Figma 图层类型

- 可处理锁定图层（只读模式）

- 兼容 Figma 桌面版和浏览器版

- 轻量级：加载和执行速度快