Sketch 插件:自动修复 iOS 字体的行高

作者:Gis1on

原文首发于微信公众号:Gis1on

未经允许请勿转载,感谢您对作者版权的尊重。


关于这个插件

在实际项目中,在设计师完整对整个页面的设计之后,我们需要拿给团队的研发工程师们进行页面的开发,但是由于在设计工具Sketch中的行高(Line)这一块的数值实现出的文字行高的视觉效果与研发团队的开发效果不符,所以研发工程师们需要再次与设计师校对,手动修改数值,这不仅浪费时间同时降低了团队的工作效率,因此,公司研发团队开发了这一款插件,自动修复sketch文档中字体行高的插件。


1.插件功能

自动修复sketch文档中的字体行高,让字体间距在程序开发中的完美还原,仅针对iOS。使用该插件后,可以做到sketch中字体行高与iOS开发中字体行高100%还原。

只测试过 iOS 系统中苹方和 SF 字体,其它的自定义字体就随缘吧。

建议多行文本不要使用此插件,会让排版变的很丑陋,多行文本就单独与开发联调吧。


2. 使用方式

选中单个artboard或者多个文字图层,选择plugins => Auto Fix iOS Text Line Height => Fix

快捷键: shift + option + command + i
(目前不支持同时选中多个artboard进行修复)

hevc.gif

插件下载地址:

github.com/youngxkk/AutoFixiOSTextLineHeight

IMG_0143.png

更多文章,欢迎访问 uicircle.club

微信公众号:uicircle

成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入内部的 Slack Channel 及微信群
  • 报名参与各种线下设计、聚会活动
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们