Back to Plugins
Text Line Height Fix

Text Line Height Fix

Text Line Height Fix 是一款调整文字行高的插件。它能够让设计图中不同字号的行高,和开发环境下对应字号所占字符框高度相匹配(Android字符框:textview、iOS字符框:UI Label)。解决设计图与开发环境在文字高度不一致的情况下,导致还原度差的问题。帮助开发人员实现更精准的设计稿还原。使用:-选中文字图层,点击设计图对应的设备按钮,即可完成行高的修复。-行高设为字号的倍数:可通过+-号按钮调整的倍率,也可以手动输入倍率。点击「go」按钮完成行高的调整。注意:-目前插件针对Android设计图,支持 5px-120px 的字号的行高修复,iOS可修复字号不限。-仅限中文常用UI字体(苹方、思源)感谢:-Sketch 插件「Auto Fix iOS Text Line Height」作者 @Gis1on @Youngxkk。-插件中使用的波纹效果来自 https://github.com/GeekLiB/Material-Design-JS-Button

androidiostextlayerschineseline heighttext-heightfix

Plugin Preview

Text Line Height Fix preview

About this plugin

Text Line Height Fix 是一款调整文字行高的插件。它能够让设计图中不同字号的行高,和开发环境下对应字号所占字符框高度相匹配(Android字符框:textview、iOS字符框:UI Label)。解决设计图与开发环境在文字高度不一致的情况下,导致还原度差的问题。帮助开发人员实现更精准的设计稿还原。使用:-选中文字图层,点击设计图对应的设备按钮,即可完成行高的修复。-行高设为字号的倍数:可通过+-号按钮调整的倍率,也可以手动输入倍率。点击「go」按钮完成行高的调整。注意:-目前插件针对Android设计图,支持 5px-120px 的字号的行高修复,iOS可修复字号不限。-仅限中文常用UI字体(苹方、思源)感谢:-Sketch 插件「Auto Fix iOS Text Line Height」作者 @Gis1on @Youngxkk。-插件中使用的波纹效果来自 https://github.com/GeekLiB/Material-Design-JS-Button

Plugin Details

Version5
CreatedJuly 23, 2020
Last UpdatedNovember 25, 2020
CategorySoftware development
CreatorYork01
Stats1594 installs, 70 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js