跳转到内容

Adobe XD 插件

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

  • 快速生成多语言的创作资源。
  • 在编程开始前翻译模型并用不同的语言测试它们。
  • 停止使用“Lorem Ipsum”,而是将 Crowdin 企业版中的真实文本添加到您的原型中。
  • 从您的设计创建源字符串并将其上传到您的 Crowdin 企业版项目。 使用这种方式,上传的字符串可以被开发者使用,从而减少耗费在开发过程上的时间。
  • 将标记的屏幕截图上传到您的 Crowdin 企业版项目。
  1. 登录到 Adobe XD。
  2. 导航至 插件 > 浏览插件…
  3. 单击 浏览
  4. 使用 搜索所有插件 字段查找 Crowdin for Adobe XD 插件。
  5. 单击 安装

要在 Adobe XD 中指定您的 Crowdin 企业凭据,请按照以下步骤:

  1. 在左侧面板上,单击 插件 > Crowdin for Adobe XD
  2. 单击
  3. 提供您的个人访问令牌。
  4. 指定您的组织域名。
  5. 点击保存Adobe XD 插件连接到 Crowdin

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

  1. 转到账户设置 > 访问令牌,然后单击新建令牌
  2. 指定 令牌名称,选择 作用范围项目,然后单击 创建

要选择您想要处理的 Crowdin Enterprise 项目,请单击下拉菜单,从列表中选择一个项目。 稍后,您可以在需要时使用同一下拉菜单切换到另一个项目。

Adobe XD 插件选择 Crowdin Enterprise 项目

选择您的内容将上传到的特定分支。 如果您的 Crowdin 企业版项目没有分支,请将其留空。

Adobe XD 插件选择分支

在本地化 UI 以及与开发和营销团队共同处理动态页面时,请使用 字符串 部分。 在本节中,您只需点点鼠标,就可以将 Crowdin 企业版的源字符串添加到 Adobe XD 的设计中。 在设计中使用文本后,您可以自动上传标记的截图到 Crowdin Enterprise,为翻译员做参考。

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

在您的设计中使用来自 Crowdin Enterprise 的源字符串后,它们会与文本字段关联,您可以在 Adobe XD 中预览这些字符串的译文,并将其截图上传到您的 Crowdin Enterprise 项目。

您可以将单个 Crowdin Enterprise 字符串链接到 Adobe XD 中的一个或多个文本字段。 但是,一个文本字段只能链接到单个 Crowdin Enterprise 字符串。 如果将具有现有连接的文本字段链接到新的 Crowdin 字符串,则先前的连接将终止,并且将建立新的连接。 如果您想取消 Crowdin Enterprise 字符串与之前链接到的所有文本字段的关联,请右键单击所需字符串旁边的链接图标。

您可以添加设计中已使用的字符串或创建并添加全新的字符串。

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

要在 Crowdin Enterprise 中为多个文件添加相同的字符串,请从文件下拉菜单中依次选择所需的文件。

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

添加多个字符串时,您可能需要勾选 将新的重复文本链接到单个 Crowdin 字符串。 它在以下情况下很有用:

  • 添加具有相同文本的多个文本字段时,该插件只会向您的 Crowdin 企业版项目添加一个字符串,并将所有重复的文本字段链接到该项目。
  • 如果您的 Crowdin 企业版项目已包含与您从设计中添加的文本相同的字符串,则该插件只会将文本字段链接到现有字符串,而不会创建新字符串。

添加的字符串将传输到您的 Crowdin Enterprise 项目,并且还会显示在 字符串 部分的列表中。 您可以随时从同一列表中编辑或删除字符串。 相应的更改也将应用于您的 Crowdin 企业版项目中的字符串。

在您的设计中使用 ICU 字符串时,您可以设置占位符的值,并将此类字符串添加到设计中后,它们将使用预配置的值显示在格式化视图中。

在您的设计中使用 Crowdin Enterprise 中所需的 ICU 字符串后,您可以配置其占位符的值。

  1. 打开 Adobe XD 的 Crowdin 插件。
  2. 字符串选项卡中,使用搜索字段查找特定的副本。 您可以通过源文本、字符串标识符或上下文来搜索字符串。
  3. 单击所需 ICU 字符串上的
  4. 单击 设置占位符
  5. 输入 ICU 字符串占位符所需的值。
  6. 单击 提交 以保存输入的占位符。
  7. 单击 编辑字符串 以更新设计中的源字符串文本。

在 Adobe XD 中预览译文时,如果事先预配置了值,ICU 字符串也将以格式化视图显示。

为了简化将字符串从 Adob​​e XD 添加到 Crowdin 企业版项目的过程,您可以在插件设置中为源字符串标识符设置所需的键命名模式。 Adobe XD 的 Crowdin Enterprise 插件将根据所选模式为新字符串建议字符串标识符。 添加新的源字符串时,您始终可以将建议的标识符编辑为首选外观。

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

  1. 打开 Adobe XD 的 Crowdin 插件。
  2. 打开插件 设置
  3. 键命名模式部分中,从下拉菜单中选择首选选项。

除了现有的模式之外,您还可以配置自己的模式。 要使用自定义模式,请从下拉列表中选择 自定义键命名模式 选项,并在 自定义键命名模式 字段中指定您的模式。

添加设计中使用的源字符串时,请确保勾选 发送截图。 因此,Adobe XD 的 Crowdin Enterprise 插件将在上传源字符串的同时上传截图。

此外,您还可以在编辑链接到设计中文本字段的 Crowdin Enterprise 字符串时,使用 更新截图 选项来更新截图。

此外,您可以将与设计中的文本字段链接的字符串的屏幕截图批量上传到 Crowdin 企业版。

  1. 打开 Adobe XD 的 Crowdin 插件。
  2. 选择具有链接字符串的一个或多个艺术板。
  3. 字符串 部分,单击 为所选画板上传截图。

详细了解截图

预览 Adobe XD 设计中用到的来自 Crowdin 企业版的译文。 您可以在新艺术板或原始艺术板中预览翻译。 在新艺术板中预览翻译时,您可以使用实际翻译或字符串键填充它们,以供开发人员进一步使用。

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

  1. 打开 Adobe XD 的 Crowdin 插件。
  2. 字符串 > 预览字符串 部分,选择 在复制的画板中预览在当前画板中预览
  3. 选择使用语言创建
  4. 选择您想要预览翻译的目标语言。 您还可以选择所有语言
  5. 选择您想要在 Adobe XD 中预览的内容。 选择 所有画板选定的画板Adobe XD 插件预览字符串

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

  1. 打开 Adobe XD 的 Crowdin 插件。
  2. 字符串 > 预览字符串 部分,选择 在复制的画板中预览
  3. 选择使用键名称创建
  4. 选择您想要在 Adobe XD 中预览的内容。 选择 所有画板选定的画板Adobe XD 插件预览键

使用 译文 部分来本地化静态页面,例如宣传册和横幅。 在本章节中,您可以向 Crowdin 企业版上传需要翻译的文字及其上下文环境,然后将翻译过的文本传送回 Adobe XD。

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

在 Crowdin Enterprise 中,将创建一个根文件夹 Adobe XD plugin。 它将包含一个以 XD 文件命名的子文件夹,其中包含每个艺术板的 HTML 文件。 此文件夹还可以包含一个 free-text.html 文件,其中的文本未包含在任何画板中。 如果需要,您可以在插件 设置 中禁用内容分段,这样长文本就不会被拆分成句子。

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

  1. 打开所需的 Adobe XD 文件。
  2. 前往 插件 > Crowdin for Adobe XD
  3. 译文 > 发送文本至 Crowdin 部分,选择您要翻译的内容。 选择 所有画板选定的画板Adobe XD 插件将文本发送到 Crowdin 进行翻译

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

详细了解翻译策略

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

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

  1. 打开所需的 Adobe XD 文件。
  2. 前往 插件 > Crowdin for Adobe XD
  3. 译文 > 从 Crowdin 获取译文 部分,选择您要上传译文的目标语言。 您还可以选择 所有语言
  4. 选择您想要在 Adobe XD 中预览的内容。 选择 所有画板选定的画板
Adobe XD 插件从 Crowdin 获取译文

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

Adobe XD 插件上传的翻译

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

即使在翻译完成之前,您也可以测试您的应用程序是否准备好使用伪本地化进行本地化。 此功能允许您模拟应用程序的 UI 在不同语言下的外观,以检查在项目本地化开始之前是否应修改源字符串。

发送文本进行翻译后,您就可以开始伪本地化。

  1. 打开所需的 Adobe XD 文件。
  2. 前往 插件 > Crowdin for Adobe XD
  3. 伪本地化 部分,选择您想要使用伪本地化进行测试的内容。 选择 所有画板选定的画板
  4. 在出现的对话框中,您可以从预定义预设(法语、西里尔文、中文、阿拉伯语)中进行选择,并根据您的偏好配置设置:
    • 长度修正 – 允许您将字符串变长或变短,以查看产品 UI 是否能正确处理其他语言。 因为某些语言中的译文可能比项目中的源文本更长或更短。
    • 前缀/后缀 – 允许您在每个字符串的开头和结尾添加特殊字符。
    • 字符转换 – 将英文字符替换为易于识别的带重音版本、随机阿拉伯符号或汉字,以便明显看出应用程序中是否存在硬编码字符串。
  5. 单击 伪本地化

了解更多关于伪本地化的信息。

本页面对你有帮助吗?