跳转到内容

Sketch 插件

借助 Sketch 的 Crowdin 插件,您可以在设计中使用 Crowdin 中的文本,为设计师和开发人员节省时间。这些文件可包括原文或翻译文本。如果需要,您可以添加新的内容(例如对话框标题、按钮标记)并将它们发送给 Crowdin 中的翻译人员。

  • 快速生成多语言的创作资源。
  • 在编程开始前翻译模型并用不同的语言测试它们。
  • 停止使用“Lorem Ipsum”,将 Crowdin 的真实文本添加到你的原型。
  • 创建并上传您设计中的源字符串到您的 Crowdin 项目。使用这种方式,上传的字符串可以被开发者使用,从而减少耗费在开发过程上的时间。
  • 将标记的屏幕截图上传到您的 Crowdin 项目。

您可以从我们的 GitHub 存储库下载最新版本

  1. 下载安装文件。
  2. 解压它。
  3. 双击 sketch-crowdin.sketchplugin 文件进行自动安装。

Crowdin 的 Sketch 插件也可以通过 Sketch Runner 安装。

要在 Sketch 中指定您的 Crowdin 凭据,请按照以下步骤:

  1. 单击 插件 > Crowdin
  2. 切换到设置
  3. 提供您的个人访问令牌。
  4. 单击连接到 CrowdinSketch 插件连接到 Crowdin

要在 Crowdin 中生成新的令牌,请遵循以下步骤:

  1. 前往 账户设置 > API 选项卡的个人访问令牌部分,然后单击新建令牌
  2. 指定令牌名称并单击创建

要选择您想要使用的 Crowdin 项目,请单击设置中的选择项目下拉菜单,然后从列表中选择一个项目。稍后,您可以在需要时使用同一下拉菜单切换到另一个项目。此外,您可以将您的内容上传到选定的特定分支。

Sketch 插件选择 Crowdin 项目

在本地化 UI 以及与开发和营销团队共同处理动态页面时,请使用字符串选项卡。在此选项卡中,您可以通过单击将来自 Crowdin 的源字符串添加到 Sketch 中的设计中。在设计中使用文本后,您可以自动上传标记的屏幕截图到 Crowdin,为翻译员做参考。

  1. 打开 Sketch 的 Crowdin 插件。
  2. 字符串选项卡中,使用搜索字段查找特定的副本。您可以通过源文本、字符串标识符或上下文来搜索字符串。
  3. 选择要添加文本的文本图层,然后单击所需的字符串。
使用 Crowdin 源字符串的 Sketch 插件

在设计中使用 Crowdin 的源字符串后,您可以在 Sketch 中预览这些字符串的翻译,并将它们的屏幕截图上传到您的 Crowdin 项目。

您可以添加已经在设计中使用的字符串,或者创建和添加全新的字符串。

  1. 打开 Sketch 的 Crowdin 插件。
  2. 要添加设计中使用的字符串,请选择整个艺术板、多个艺术板或艺术板上所需的字符串。或者,如果您想要添加一个新字符串,请跳过此步骤。
  3. 字符串选项卡中,单击添加字符串
  4. 在出现的对话框中,填写所需字段。
  5. (可选)要向字符串添加标签,请从标签下拉菜单中选择它们,然后单击保存
Sketch 插件将源字符串从 Sketch 添加到 Crowdin

要在 Crowdin 中将相同的字符串添加到多个文件,请交替从文件下拉菜单中选择所需的文件。

如果某些画板包含不应添加到 Crowdin 的隐藏元素,请取消勾选推送隐藏元素选项。

添加的字符串将传输到您的 Crowdin 项目,并显示在字符串选项卡的列表中。您可以随时从同一列表中编辑或删除字符串。相应的更改也将应用于您的 Crowdin 项目中的字符串。

简化从 Sketch 添加到 Crowdin 项目的字符串, 您可以在插件设置中为源字符串标识符设置所需的键命名模式。 Sketch 的 Crowdin 插件将根据所选模式建议新字符串的字符串标识符。添加新的源字符串时,您始终可以将建议的标识符编辑为首选外观。

要选择键命名模式,请按照下列步骤操作:

  1. 打开 Sketch 的 Crowdin 插件。
  2. 切换到设置
  3. 键命名模式部分中,从下拉菜单中选择首选选项。
  1. 打开 Sketch 的 Crowdin 插件。
  2. 字符串选项卡中,在您的设计中使用 Crowdin 项目中的文本。单击上传截图,上传包含所用文本的艺术板截图。
  3. 要在 Crowdin 上更新屏幕截图,请再次单击上传屏幕截图
Sketch 插件上传标记截图到 Crowdin

阅读更多关于截图的内容。

预览来自 Crowdin 的 Sketch 设计中使用的字符串的翻译。您可以在新帧或原始帧中预览译文。在新帧中预览译文时,您可以使用实际译文或字符串键填充它们,以供开发人员进一步使用。

要预览带有翻译的字符串,请遵循如下步骤:

  1. 打开 Sketch 的 Crowdin 插件。
  2. 字符串选项卡的预览字符串部分,选择在重复的艺术板中预览在当前艺术板中预览
  3. 选择使用语言创建
  4. 选择您想要预览翻译的目标语言。您还可以选择所有语言
  5. 选择您想要在 Sketch 中预览的内容。选择页面艺术板
Sketch 插件预览字符串

要预览用键名称填充的字符串,请按照下列步骤操作:

  1. 打开 Sketch 的 Crowdin 插件。
  2. 字符串选项卡的预览字符串部分,选择在重复的艺术板中预览
  3. 选择使用键名称创建
  4. 选择您想要在 Sketch 中预览的内容。选择页面艺术板
Sketch 插件预览键

使用译文选项卡本地化静态页面,例如小册子和横幅。在这个选项卡中,您可以向 Crowdin 发送翻译文本,并将翻译文本上传回 Sketch。

您可以从 Sketch 文件中选定的艺术板或所有艺术板发送文本进行翻译。翻译员将在列表视图中处理这些文本,并使用设计作为附加语境,以实现更高的翻译质量。

在 Crowdin 中,将创建一个根文件夹 Sketch plugin。它将包含一个以您的 Sketch 文件命名的子文件夹,其中包含每个艺术板的 HTML 文件。如果需要,您可以在插件设置中禁用内容分段,这样长文本就不会被分成句子。

要发送 Sketch 设计进行翻译,请按照以下步骤操作:

  1. 打开必要的 Sketch 文件。
  2. 转到插件 > Crowdin
  3. 译文选项卡的发送文本部分,选择您要翻译的内容。选择页面艺术板
Sketch 插件向 Crowdin 发送文本进行翻译

当源文件上传到您的 Crowdin 项目时,您可以邀请贡献者翻译和校验它们。

阅读更多关于翻译策略的内容。

每当您想要在 Sketch 中测试翻译后的副本或生成多语言资源时,您都可以在 Sketch 和 Crowdin 项目之间同步文本。

要将翻译后的副本上传到 Sketch,请按照以下步骤操作:

  1. 打开必要的 Sketch 文件。
  2. 转到插件 > Crowdin
  3. 译文选项卡的获取译文部分,选择您要上传译文的目标语言。您还可以选择所有语言
  4. 选择您想要在 Sketch 中预览的内容。选择页面艺术板
Sketch 插件获取译文

将译文上传到 Sketch 后,修改后的文件将包含一个单独的艺术板,其中包含每种目标语言的译文。新上传的翻译版本不会覆盖您之前上传的版本。您可以随时删除不再需要的翻译副本。

如果您希望新上传的翻译版本覆盖之前上传的翻译版本,请打开插件设置并选择覆盖现有译文

本页面对你有帮助吗?