使用 Eagle 管理 Figma 的设计文件

tags
Tool
Design
date
GitHub - draJiang/Figma-To-Eagle: 使用 Eagle 管理 Figma 文件
使用 Eagle 管理 Figma 文件 Figma 目前只支持通过项目维度对设计文件进行分类; Eagle 支持强大的设计素材管理功能。 图片来自 Eagle 官网 我们可以通过将 Figma 文件导入 Eagle 再利用 Eagle 的标签、注释等功能为设计添加更多属性,可带来以下好处 更好的设计文件检索体验(特别是团队文件较多时) 实现 设计沉淀 、积攒自己的设计库 例如可以对不同文件打上「活动弹窗」、「数据分析」等标签,让设计打破项目的壁垒,新人参与项目或做新设计时可找到同类型参考、避免重复造轮子。 利用 Figma API 获取文件信息,再利用 Eagle API 将文件信息导入 Eagle,之后就可以正常在 Eagle 中添加文件标签管理文件了。 获取 Figma 文件的封面信息需要先下载到本地再导入 Eagle,偶现下载失败时使用 PIL 模块将文件名转图片再导入 Eagle(Eagle 导入必须传一个本地的图片路径) Python:3.9.9 Python 库:requests、PIL 打开 Eagle 客户端,链接到对应的资源库 配置 config.json { "eagle": { "eagle_data_count": 683, "folders_id": "KXH06W3PRHTDK" }, "figma": { "team_id": "0000000000000" , "figma_token": "183183-cb23c011-1a1c-4c3f-1acb-2a2cee1833cf" }, "main_path": "/Users/cc/Documents/JiangZiLong/minpg/image/figmaCover/" ,"font":"/Users/cc/Library/Fonts/OPPOSans-R.ttf" } eagle_data_count:Eagle 目标文件夹的文件数,若不指定文件夹则值设置为 "" folders_id:上述文件夹的 ID 从资源库下 metadata.json 中获取 // metadata.json { "folders": [ { // ......
GitHub - draJiang/Figma-To-Eagle: 使用 Eagle 管理 Figma 文件

现存问题和优化机会

Figma 目前只支持通过项目维度对设计文件进行分类;Eagle 支持强大的设计素材管理功能。
图片来自 Eagle 官网
图片来自 Eagle 官网
我们可以通过将 Figma 文件导入 Eagle 再利用 Eagle 的标签、注释等功能为设计添加更多属性,可带来以下好处
  1. 更好的设计文件检索体验(特别是团队文件较多时)
  1. 实现设计沉淀、积攒自己的设计库
    1. 例如可以对不同文件打上「活动弹窗」、「数据分析」等标签,让设计打破项目的壁垒,新人参与项目或做新设计时可找到同类型参考、避免重复造轮子。

解决方案

利用 Figma API 获取文件信息,再利用 Eagle API 将文件信息导入 Eagle,之后就可以正常在 Eagle 中添加文件标签管理文件了。
获取 Figma 文件的封面信息需要先下载到本地再导入 Eagle,偶现下载失败时使用 `PIL` 模块将文件名转图片再导入 Eagle(Eagle 导入必须传一个本地的图片路径)

使用方法

Python:3.9.9
Python 库:requests、PIL
具体参考 GitHub 仓库
 
 

© jiangzilong 2024