Sketch-SF-UI-Font-Fixer 使用教程

Sketch-SF-UI-Font-Fixer 使用教程

Sketch-SF-UI-Font-FixerA Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/SF UI Display fonts to what it would be when used in an iOS app.项目地址:https://gitcode.com/gh_mirrors/sk/Sketch-SF-UI-Font-Fixer

项目介绍

Sketch-SF-UI-Font-Fixer 是一个开源项目，旨在修复在 Sketch 设计软件中使用 SF UI 字体时遇到的问题。该项目通过提供一个插件，帮助用户更准确地使用 SF UI 字体，确保设计的一致性和专业性。

项目快速启动

安装步骤

1. 克隆项目仓库：

   git clone https://github.com/kylehickinson/Sketch-SF-UI-Font-Fixer.git
   

2. 安装插件：

   • 打开 Sketch 软件。
   • 进入 Plugins 菜单，选择 Manage Plugins...。
   • 点击 Install Plugin...，选择克隆下来的项目中的插件文件。

3. 使用插件：

   • 在 Sketch 中选择需要修复字体的文本图层。
   • 进入 Plugins 菜单，选择 SF UI Font Fixer，然后点击 Fix Fonts。

示例代码

// 示例代码，展示如何调用插件功能
const sketch = require('sketch')
const document = sketch.getSelectedDocument()
const textLayers = document.getLayersOfType('Text')

textLayers.forEach(layer => {
  layer.font = 'SF UI Text'
})

应用案例和最佳实践

应用案例

• UI 设计团队：在多个设计师协作的项目中，确保所有文本使用一致的 SF UI 字体，提升设计质量。
• 品牌设计：在品牌设计中，确保所有宣传材料和数字产品使用相同的字体，增强品牌识别度。

最佳实践

• 定期更新插件：保持插件的最新版本，以获得最佳的修复效果和性能。
• 备份设计文件：在使用插件前，确保设计文件已备份，以防万一出现意外情况。

典型生态项目

• Sketch Toolbox：一个管理 Sketch 插件的工具，方便用户安装和管理多个插件。
• Sketch Plugins：一个收集和分享 Sketch 插件的社区，用户可以在这里找到各种有用的插件。

通过以上步骤和示例，您可以快速上手并有效使用 Sketch-SF-UI-Font-Fixer 插件，提升您的设计工作效率和质量。

Sketch-SF-UI-Font-FixerA Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/SF UI Display fonts to what it would be when used in an iOS app.项目地址:https://gitcode.com/gh_mirrors/sk/Sketch-SF-UI-Font-Fixer