Font Awesome 字体到 Sketch.app 按类别
·
🙏🏻 获取许可证并下载文件
首先是获得Font Awesome pro 许可证
🏆 目标
如果你和我一样,你喜欢拥有一个真实的一切的来源,对吗?想象一下您在抽象版本控制中有组件库 Sketch 文件的情况。这些组件在同一文件中使用本地图标 SVG 源。当您有 10-20 个图标时,这不是问题。但是,当您希望拥有专业版 Font Awesome 的所有源代码时,问题就来了。您需要通过名为Sketch Icons的出色插件添加所有 SVG 文件,无需任何控制。它看起来像草图符号选择器中的巨大下拉列表。那么,如果你能让它看起来井井有条呢?
🔨 你就是这样
1.解压fontawesome-pro-x.x.x-web.zip
2.添加由脚本命名的新文件夹(或其他)
-
转到元数据文件夹并将 categories.yml 语法复制到剪贴板并粘贴 .yml 内容YAML 到 JSON 在线转换器
-
通过 categories.json 在脚本内创建新文件并将 JSON 语法从 YAML 粘贴到 JSON 转换器到文件
5.创建新文件夹并以svgs命名
6.将svgs fontawesome-pro-x.x.x-web根文件中的.svg图标复制到script下新建的svgs文件夹中
- 创建 read-json.py 文件并粘贴这段代码
# Python program to read
# json file
import json
import os
import shutil
# Opening JSON file
f = open('./categories.json')
# Getting svgs files and folder
svgsFolder = 'svgs'
svgsFilesDirectory = os.path.join(os.path.dirname(__file__), svgsFolder)
# returns JSON object as
# a dictionary
data = json.load(f)
# Iterating through the json
# list
for category_list in data['categories']:
for key, value in category_list.items():
iconDircectory= os.path.join(svgsFilesDirectory, key)
os.mkdir(iconDircectory)
print("Directory '% s' created" % iconDircectory)
for icon in value['icons']:
file = str(icon) + '.svg'
file_name = os.path.join(svgsFilesDirectory, file)
destination = str(iconDircectory) + '/'
print(destination)
shutil.copy(file_name, destination)
print("Files Moved")
# Closing file
f.close()
进入全屏模式 退出全屏模式
- 运行 .py 代码并检查我们如何做 :)
2.现在使用Sketch Icons插件将文件夹一一导入。
希望你喜欢这个!享受!
更多推荐
所有评论(0)