草图是一个用于macOS的矢量图形编辑器。主要用于网站和手机应用的用户界面和用户体验设计,不包含印刷设计功能。

概述

我们的插件允许在Lokalise和Sketch之间交换文本和翻译。您可以选择所需的语言,相应的翻译将自动插入适当的文本元素中。

插件允许:

  • 向Lokalise推送短信。

  • 从Lokalise调出翻译文本。

  • 设置键名(或使用任意模式进行自动命名)。

  • 为创建的密钥设置字符限制。

  • 创建新键或匹配文本到Lokalise中的现有键。

  • 无缝切换设计语言。

插件可以在两个方向发送请求:

  1. 把短信推送到Lokalise-页面上的所有文本块将被上传到Lokalise,并链接到翻译键。如果你在插件中设置了字符限制,这些限制也会保存在Lokalise中。文本导入Lokalise后,您可以像往常一样翻译它们。

  2. 从Lokalise调出翻译-翻译从Lokalise导出到Sketch。这些下载的翻译将自动适配到最初的设计文本块中。

下面是一个表示通常工作流程的图表:

插件的使用

安装

安装插件:

  • 继续到Sketch项目并打开菜单>插件>管理插件

  • 点击把插件并从列表中选择Lokalise插件。

  • 点击Install。

你也可以从官方GitHub库

启动插件

  • 打开Sketch项目。

  • 继续菜单>插件>本地化

设置插件

  • 连接您的本地化帐户,并授予必要的访问权限。

  • 选择一个现有的Lokalise项目或创建一个新项目。你也可以选择a分支(如果分支的特性在项目设置中启用),设置基本语言默认键命名模式,选择默认的平台用于新创建的密钥。

  • 安装完成后,您将看到一个对话框。在这里你可以选择元素,设置键名或字符限制,并将文本推送到Lokalise:

要调整项目设置,请单击齿轮对话框右上角的图标。你会看到以下选项:

  • 项目-你当前选择的Lokalise项目的名称。您可以通过单击来断开此项目并选择一个新的项目断开项目按钮在底部。

  • 从Lokalise注销-你将从Sketch断开当前选择的Lokalise帐户。

  • 分支-选定项目中的目标分支。此选项仅在所选项目具有分支的特性启用。

  • 基本语言-项目的基础语言。

  • 用于新创建密钥的平台-选择一个或多个平台的键将创建在Lokalise从Sketch推文本后。请注意,此设置不会影响已经存在的键。

  • 默认键命名模式-为新创建的密钥选择命名方案。请注意,此设置不会影响已经存在的键。

  • 启用文本样式-如果文本包含额外样式的单词,插件将正确地同步它。例如,如果你有一条短信“欢迎来到应用程序(注意“app”是粗体),相应的翻译值在Lokalise将是欢迎来到app

向Lokalise发送短信

要将一个或多个文本从Sketch推送到Lokalise,请在设计中选择它们。你会看到一个简短的总结:

注意,这里可以通过在文本框中输入新值来调整键名。此外,您还可以通过调整相应的数字来提供文本长度限制。

最后,单击关键图标链接/取消链接特定的文本元素到/从Lokalise上已经存在的键。

在这里,您可以调整搜索条件,并选择链接或取消链接的关键字。如果文本元素链接到一个键,则不能再修改它的名称。请注意,您不必总是手动链接所有文本元素因为有一个选项可以自动应用这个操作。

一旦你准备好了,点击将所选.你会看到下面的对话框:

  • 匹配文本到本地化现有翻译如果勾选此项,Sketch中的字符串将与Lokalise项目中已经存在的翻译相匹配。

  • 在Lokalise中创建丢失的键.如果选中,所有丢失的键将在Lokalise项目中创建。

  • 链接新的重复文本到一个Lokalise键.如果选中,Sketch中的重复文本将被匹配到一个Lokalise键。否则,将为每个重复的文本块创建一个新的Lokalise键。

  • 标记新创建的键(以逗号分隔).如果勾选此项,您可以添加将分配给Lokalise键的标记。

  • 用修改后的文本更新本地化翻译.如果选中,所有在Lokalise中已经链接的键都将被更新为来自Sketch的修改文本。

  • 更新截图.如果选中,Lokalise中的截图将被创建或更新为新的截图。

  • 把隐藏的元素-即使选择的文本元素被隐藏在Sketch中,它们仍然会被上传到Lokalise。

调整以上选项,单击确认.一旦导入过程完成,您将看到一个简短的摘要:

现在您可以继续Lokalise并像往常一样执行翻译。如果更新截图选项启用后,每个翻译键将有一个链接截图。

翻译过程的主要步骤如下图所示:

把短信从本地化调到速写

一旦在Lokalise上添加或修改了所需的翻译,您就可以将它们拉到Sketch。选择语言,单击把所有如果您想从Lokalise项目中提取所有键,或者只选择Sketch设计中的特定文本元素并单击把选中的

此操作完成后,您的设计将自动翻译!要从Lokalise下载更多最新的翻译,您可以选择所需的文本元素并单击把选中的一次。

复数键支持

我们的Sktch插件支持复数翻译键也要使你的键是复数,只需点击+复数名称旁边的文字:

一旦一个键被标记为复数并推送到Lokalise,你会看到一个下拉菜单,上面有当前选择的语言的所有复数形式:

您可以在这些复数形式之间切换,并单击Update design以反映更改。此外,如果您切换到另一种语言,复数形式也会相应更新。

创建页面重复

创造是可能的页重复基于您当前的设计:

  • 重复键名-你的所有文本元素将被替换为相应的键名。这对开发人员非常有用,因为他们可以看到每个翻译键的使用位置。

  • 复制和翻译-所有文本元素将被替换为他们的翻译在选择的语言。

要实现这一点,请单击重复的

接下来,选择你想要创建的复制类型,并给它起一个名字:

一旦你准备好了,点击创建

之后,你会看到一个类似的新页面:

在上面的示例中,所有文本元素都包含相应的键名。

这回答了你的问题了吗?