1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > iconfont 无法导入 svg_Figma绘制图标上传至iconfont的正确姿势

iconfont 无法导入 svg_Figma绘制图标上传至iconfont的正确姿势

时间:2022-02-09 13:28:49

相关推荐

iconfont 无法导入 svg_Figma绘制图标上传至iconfont的正确姿势

Figma中做好的图标,导出svg然后再上传到iconfont,经常会出现样式错误的情况:

这是因为figma的填充模式为“even-odd”,iconfont识别不了这种格式。一个可行但很笨的方法是将图标导出到sketch中,在sketch中对填充模式进行修改:

但这也效率太低了不是……无法忍受!

而有一个figma插件就是专门来解决这个问题的,他叫 Fill Rule Editor,使用步骤如下:

对组成图标的所有线条与形状执行命令“Union Selection”(本身就是单个线条或形状的忽略这一步)对合并后的图形执行命令“Outline Stroke(快捷键:commad+shift+O)”打开“Fill Ruler Editor”,选中图标内容(不是选中画板),此时插件面板会显示出图形各部分的填充模式,蓝色代表“Non-zero”,黄色代表“Even-odd”。在插件面板中单击填充或描边可更改图标外观,我们要的最终效果是一个蓝色版本的图标。

演示视频:

/video/1239131455424761856

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。