autoclaw

Figma 图片导出 Skill 🎨

🦞 专为 Figma 设计稿导出生成 - 一键导出，智能保存

为什么需要这个 Skill？

设计稿导出是最常见的 Figma 操作，但每次都要：

1. 打开 Figma
2. 选择节点
3. 设置导出格式
4. 手动下载
5. 整理文件

有了这个 Skill，只需要一句话：

"导出这个 Figma 文件的所有页面为 1x PNG"

助手会自动： ✅ 提取文件信息
✅ 获取所有页面
✅ 批量导出图片
✅ 创建文件夹
✅ 智能命名
✅ 返回文件路径

快速开始

1. 导出单个节点

用户：导出这个 Figma 链接为 1x PNG
     https://www.figma.com/file/ABC123/Design?node-id=18-358

助手：✅ 已导出到: ~/Downloads/figma-export-18-358.png (1.3 MB)

2. 批量导出

用户：把这个文件的 3 个页面都导出为 PNG，保存到"项目设计"文件夹

助手：✅ 已导出 3 个文件到: ~/Downloads/项目设计/
     - 首页设计.png (1.5 MB)
     - 详情页.png (1.2 MB)
     - 个人中心.png (1.8 MB)

3. 高清导出

用户：导出为 2x Retina 图片

助手：✅ 已导出 2x 高清图片: ~/Downloads/设计稿@2x.png (3.2 MB)

主要功能

📦 批量导出

一次导出多个节点，自动创建文件夹整理

🎯 智能识别

自动识别文件中的所有 Frame 和 Group

📐 格式支持

• PNG - 支持透明，通用格式
• JPG - 文件更小，适合照片
• SVG - 矢量图，可缩放
• PDF - 适合打印和文档

🔍 尺寸控制

• 0.5x - 缩小预览
• 1x - 原始尺寸（默认）
• 2x - Retina 屏幕
• 3x - 高清屏幕
• 4x - 超高清

🗂️ 智能保存

• 自动创建文件夹
• 根据节点名称智能命名
• 支持自定义保存位置

使用场景

场景 1：设计交付

用户：把这个设计稿的所有页面导出为 2x PNG，准备交付给开发

助手：[自动识别所有页面并导出]
     ✅ 已导出 8 个页面到: ~/Downloads/设计交付-20260420/

场景 2：快速预览

用户：导出这个设计为 0.5x PNG，发给我看看

助手：✅ 已导出缩小版: ~/Downloads/预览.png (0.5 MB)

场景 3：图标导出

用户：把所有图标导出为 SVG 格式

助手：✅ 已导出 24 个图标到: ~/Downloads/图标集/

场景 4：打印准备

用户：导出为 PDF 格式，用于打印

助手：✅ 已导出 PDF: ~/Downloads/设计稿.pdf (2.1 MB)

高级用法

命令行工具

# 导出单个节点
python3 export_helper.py single "<figma_url>" --format png --scale 1

# 批量导出
python3 export_helper.py batch "<figma_url>" --nodes "id1,id2,id3"

# 导出所有页面
python3 export_helper.py all "<figma_url>" --folder "项目名称"

Python API

from export_helper import FigmaExporter

exporter = FigmaExporter()

# 导出单个
result = exporter.export_single(
    url="<figma_url>",
    format="png",
    scale=2.0
)

# 批量导出
result = exporter.export_batch(
    url="<figma_url>",
    node_ids=["18:358", "18:359"],
    folder_name="项目设计"
)

# 导出所有页面
result = exporter.export_all_frames(
    url="<figma_url>",
    format="png",
    scale=1.0
)

与其他 Skill 配合

1. 导出后发送到飞书

用户：导出这个设计，然后发到飞书群里

助手：[导出图片]
     [发送到飞书]
     ✅ 已导出并发送到飞书群

2. 导出后上传到云盘

用户：导出并上传到云盘

助手：[导出图片]
     [上传到云盘]
     ✅ 已上传，分享链接：...

故障排除

Q: 提示"权限不足"？

A: 该文件不公开，需要文件所有者授权。检查文件权限设置。

Q: 导出失败？

A:

1. 检查网络连接
2. 确认 URL 正确
3. 检查节点是否存在
4. 查看是否触发 Rate Limit（等待 1 分钟）

Q: 文件太大？

A:

1. 使用 JPG 格式（文件更小）
2. 降低导出尺寸（如 0.5x）
3. 分批导出

最佳实践

✅ 批量导出 - 一次导出多个节点，减少 API 调用
✅ 合理命名 - 使用有意义的文件名
✅ 文件夹整理 - 为项目创建专门文件夹
✅ 格式选择 - 根据用途选择合适格式
✅ 尺寸控制 - 根据显示设备选择倍率

相关资源

• SKILL.md - 完整文档
• QUICK_REF.md - 快速参考
• export_helper.py - 导出工具
• Figma API 文档

---

版本: 1.0.0
作者: UU 🦞
创建时间: 2026-04-20