这个集成可以从专业计划开始。

此插件允许您:

  • 推文本从Adobe XD到Lokalise。

  • 设置键名称(或使用任何模式用于自动命名)。

  • 在Lokalise中创建新的键和截图。

  • 将Adobe XD文本匹配为现有的Lokalise键。

  • 将翻译文本从Lokalise拉到Adobe XD。

  • 无缝切换Adobe XD设计语言。

指数

开始

安装

启动Adobe XD并打开插件>发现插件

接下来,切换到浏览选项卡,在搜索栏中键入“lokalise”并按输入

最后,点击安装

激活插件

要激活插件,请打开Adobe XD项目,然后继续插件> Lokalise.

配置

激活插件后,您需要授权Adobe XD来访问Lokalise项目。为了实现这一目标,请点击登录按钮:

接下来,新闻连接

最后,媒体允许访问(你也可以点击切换帐户以代表另一个Lokalise用户登录)。

现在Adobe XD可以用Lokalise交换数据。

你将被要求执行一些初始设置:

  • 项目-选择一个现有的本地化项目或设置“创建新项目”。

  • 名称-这个选项只会出现在你从上面的下拉菜单中选择了“创建新项目”。在这里输入一个新的项目名称,它将为您创建。

  • 语言- Adob​​e XD中设计的基本语言。

  • 平台-翻译键应该链接到的平台。Lokalise支持四个平台:Web、Android、iOS和Other。

  • 默认键命名模式-选择如何命名新创建的翻译键。在本地化项目中已经存在的键不会受到影响。

  • 启用文本样式- 如果文本包含具有额外样品的单词,则插件将正确同步。例如,如果你有文字“欢迎来到应用程序“(请注意,”app“单词是粗体),Lokalise上的相应转换值将是欢迎来到app

准备就绪后,单击保存.如果您需要在以后重新调整这些设置,只需单击设置按钮。您将呈现一个类似的对话框,但项目下拉目将处于非活动状态。要连接到另一个项目,请首先通过按下从当前的项目断开连接断开项目按钮。此按钮可用设置对话框以及

此外,您可以按相应的按钮退出,然后代表不同的Lokalise用户登录:

推动翻译到Lokalise

完成初始设置后,您可以选择文本导出到本地化平台进行进一步翻译。要实现这一点,只需单击您感兴趣的文本元素。或者,按住鼠标左键并拖动选择的多个元素。最后,你可以拿着转变键并继续单击元素以将它们添加到选择中:

选择元素后,将在Lokalise插件窗格中列出。对于每个元素,您将看到将分配的关键名(按照所选的命名模式遵循设置对话框)和字符限制(默认情况下没有限制)。要更改密钥名称,只需单击它即可,输入新名称,然后按输入

此外,您还可以提供Lokalise尊重的字符限制:

请注意,如果元素已链接到Lokalise上的翻译键,则无法编辑,它的名称将灰色。

要将元素链接到所选Lokalise项目中的现有密钥,请单击“钥匙图标

插件将自动搜索包含与所选的Adobe XD元素相同的文本的转换键。选择键并单击关联

稍后您可以再次单击键图标,然后单击解开要打破元素和密钥之间的链接:

选择元素后,单击按钮将上传你的文本到本地化。你会看到一个对话框来设置上传选项:

  • 匹配文本到本地化现有翻译-如果选中,则Adobe XD中的字符串将与Lokalise项目中已存在的翻译相匹配。

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

  • 链接新的重复文本到一个Lokalise键-如果已选中,Adobe XD中的重复文本将与单个Lokalise键匹配。否则,对于每个重复的文本块将被创建一个新的Lokalise键。

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

  • 用修改后的文本更新本地化翻译-如果已选中,Lokalise中的所有已链接密钥都将使用Adobe XD的修改文本更新。

  • 将自定义转换状态应用于插入翻译-只有当您的本地化项目具有此选项时才可用启用自定义翻译状态(CTS).请注意,CTS仅从专业计划及以上开始提供。选中此选项时,您可以选择向新创建的翻译添加自定义翻译状态(一个或多个,取决于项目中是否允许多个CTS)。

  • 对更新的翻译应用自定义翻译状态-仅当为Lokalise项目启用CTS时,此选项将可用。选中后,您可以选择“自定义转换状态”以添加到更新的翻译。

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

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

一旦准备好,按确认开始上传。完成过程后,您将看到简要摘要:

这些密钥将在您的本地化项目中可用:

现在,您可以像往常一样执行翻译。请注意,可以根据需要为项目添加多种新语言:语言列表将自动同步。

截图

学习更多关于管理屏幕截图屏幕截图工作流程

请注意,XD文本元素必须分组到画板中。如果文字没有添加到任何画板,屏幕截图将不会被创建!

请注意,Lokalise上的每个密钥都有一个附加的截图。单击它以查看究竟文本所在的位置:

你可以通过导航到截图页面并选择其中一个元素来进一步调整截图:

在这里,您可以检查此屏幕截图是否附加的键。

调整关键区域,选择坐标>编辑坐标然后画一个新的区域:

从Lokalise那里获取翻译

一旦你在Lokalise上翻译完文本,就该把它们拉回Adobe XD了。要实现这一点,请返回Adobe XD项目,选择要更新的元素,然后单击

您将看到一个小提示,说明从Lokalise中提取的文本将取代Adobe XD中的文本。点击确认开始拉动过程。

要查看您的设计如何看待另一种语言,请单击切换语言按钮:

在下拉框中选择语言,然后单击确认

您的Adobe XD设计将被翻译成选定的语言:

要返回基本语言,只需单击切换语言再次按下按钮,选择另一种语言。

请注意,当您对给定语言的初始(第一次)翻译时,不需要提取更改:您可能会按改变语言马上。

多个键支持

我们的插件支持多个钥匙也是。要使您的关键复数,只需点击即可+复数名称旁边的文字:

当键被推到Lokalise后,你会看到它的所有复数形式,并将能够在它们之间切换:

切换到不同的语言之后,将相应地更新键的多种形式。

禁用或卸载插件

要卸载或禁用插件,请打开主菜单并继续插件>管理插件.在列表中找到Lokalise,点击它名字旁边的点,然后任意选择禁用卸载

这不会影响您现有的翻译,您可以随时安装插件。

这是否回答你的问题?