Text Line Height Fix
<p>Text Line Height Fix 是一款调整文字行高的插件。它能够让设计图中不同字号的行高,和开发环境下对应字号所占字符框高度相匹配(Android字符框:textview、iOS字符框:UI Label)。解决设计图与开发环境在文字高度不一致的情况下,导致还原度差的问题。帮助开发人员实现更精准的设计稿还原。</p><p>使用:</p><p>-选中文字图层,点击设计图对应的设备按钮,即可完成行高的修复。</p><p>-行高设为字号的倍数:可通过+-号按钮调整的倍率,也可以手动输入倍率。点击「go」按钮完成行高的调整。</p><p>注意:</p><p>-目前插件针对Android设计图,支持 5px-120px 的字号的行高修复,iOS可修复字号不限。</p><p>-仅限中文常用UI字体(苹方、思源)</p><p>感谢:</p><p>-Sketch 插件「Auto Fix iOS Text Line Height」作者 @Gis1on @Youngxkk。</p><p>-插件中使用的波纹效果来自 https://github.com/GeekLiB/Material-Design-JS-Button</p>
Plugin 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
Version | 5 |
---|---|
Created | July 23, 2020 |
Last Updated | November 25, 2020 |
Category | Software development |
Creator | York01 |
Stats | 1562 installs, 70 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.