Adobe XD 插件
借助用于 Crowdin 的 Adobe XD 插件,您可以在设计中使用来自 Crowdin 企业版的文本,从而为设计人员和开发人员节省时间。 这些文件可包括原文或翻译文本。 如果需要,您可以添加新的内容(例如对话框标题、按钮标记)并将它们发送给 Crowdin 企业版中的翻译人员。
- 快速生成多语言的创作资源。
- 在编程开始前翻译模型并用不同的语言测试它们。
- 停止使用“Lorem Ipsum”,而是将 Crowdin 企业版中的真实文本添加到您的原型中。
- 从您的设计创建源字符串并将其上传到您的 Crowdin 企业版项目。 使用这种方式,上传的字符串可以被开发者使用,从而减少耗费在开发过程上的时间。
- 将标记的屏幕截图上传到您的 Crowdin 企业版项目。
- 登录到 Adobe XD。
- 导航至 插件 > 浏览插件…。
- 单击 浏览。
- 使用 搜索所有插件 字段查找 Crowdin for Adobe XD 插件。
- 单击 安装。
要在 Adobe XD 中指定您的 Crowdin 企业凭据,请按照以下步骤:
- 在左侧面板上,单击 插件 > Crowdin for Adobe XD。
- 单击 。
- 提供您的个人访问令牌。
- 指定您的组织域名。
- 点击保存。

要在 Crowdin 企业版中生成新的令牌,请遵循以下步骤:
- 转到账户设置 > 访问令牌,然后单击新建令牌。
- 指定 令牌名称,选择 作用范围 和 项目,然后单击 创建。
要选择您想要处理的 Crowdin Enterprise 项目,请单击下拉菜单,从列表中选择一个项目。 稍后,您可以在需要时使用同一下拉菜单切换到另一个项目。
选择您的内容将上传到的特定分支。 如果您的 Crowdin 企业版项目没有分支,请将其留空。
在本地化 UI 以及与开发和营销团队共同处理动态页面时,请使用 字符串 部分。 在本节中,您只需点点鼠标,就可以将 Crowdin 企业版的源字符串添加到 Adobe XD 的设计中。 在设计中使用文本后,您可以自动上传标记的截图到 Crowdin Enterprise,为翻译员做参考。
- 打开 Adobe XD 的 Crowdin 插件。
- 在 字符串 部分,使用 搜索 字段查找特定副本。 您可以通过源文本、字符串标识符或上下文来搜索字符串。
- 选择要添加文本的文本图层,然后单击所需的字符串。
在您的设计中使用来自 Crowdin Enterprise 的源字符串后,它们会与文本字段关联,您可以在 Adobe XD 中预览这些字符串的译文,并将其截图上传到您的 Crowdin Enterprise 项目。
您可以将单个 Crowdin Enterprise 字符串链接到 Adobe XD 中的一个或多个文本字段。 但是,一个文本字段只能链接到单个 Crowdin Enterprise 字符串。 如果将具有现有连接的文本字段链接到新的 Crowdin 字符串,则先前的连接将终止,并且将建立新的连接。 如果您想取消 Crowdin Enterprise 字符串与之前链接到的所有文本字段的关联,请右键单击所需字符串旁边的链接图标。
您可以添加设计中已使用的字符串或创建并添加全新的字符串。
- 打开 Adobe XD 的 Crowdin 插件。
- 要添加设计中使用的字符串,请选择整个艺术板、多个艺术板或艺术板上所需的字符串。 或者,如果您想要添加一个新字符串,请跳过此步骤。
- 在 字符串 部分,单击 。
- 在出现的对话框中,填写所需字段。
- (可选) 要为字符串添加标签,请从 标签 下拉菜单中依次选择标签,然后单击 保存。
要在 Crowdin Enterprise 中为多个文件添加相同的字符串,请从文件下拉菜单中依次选择所需的文件。
如果某些画板包含不应添加到 Crowdin Enterprise 的隐藏元素,请取消勾选 推送隐藏元素 选项。
添加多个字符串时,您可能需要勾选 将新的重复文本链接到单个 Crowdin 字符串。 它在以下情况下很有用:
- 添加具有相同文本的多个文本字段时,该插件只会向您的 Crowdin 企业版项目添加一个字符串,并将所有重复的文本字段链接到该项目。
- 如果您的 Crowdin 企业版项目已包含与您从设计中添加的文本相同的字符串,则该插件只会将文本字段链接到现有字符串,而不会创建新字符串。
添加的字符串将传输到您的 Crowdin Enterprise 项目,并且还会显示在 字符串 部分的列表中。 您可以随时从同一列表中编辑或删除字符串。 相应的更改也将应用于您的 Crowdin 企业版项目中的字符串。
在您的设计中使用 ICU 字符串时,您可以设置占位符的值,并将此类字符串添加到设计中后,它们将使用预配置的值显示在格式化视图中。
在您的设计中使用 Crowdin Enterprise 中所需的 ICU 字符串后,您可以配置其占位符的值。
- 打开 Adobe XD 的 Crowdin 插件。
- 在字符串选项卡中,使用搜索字段查找特定的副本。 您可以通过源文本、字符串标识符或上下文来搜索字符串。
- 单击所需 ICU 字符串上的 。
- 单击 设置占位符。
- 输入 ICU 字符串占位符所需的值。
- 单击 提交 以保存输入的占位符。
- 单击 编辑字符串 以更新设计中的源字符串文本。
在 Adobe XD 中预览译文时,如果事先预配置了值,ICU 字符串也将以格式化视图显示。
为了简化将字符串从 Adobe XD 添加到 Crowdin 企业版项目的过程,您可以在插件设置中为源字符串标识符设置所需的键命名模式。 Adobe XD 的 Crowdin Enterprise 插件将根据所选模式为新字符串建议字符串标识符。 添加新的源字符串时,您始终可以将建议的标识符编辑为首选外观。
要选择键命名模式,请按照下列步骤操作:
- 打开 Adobe XD 的 Crowdin 插件。
- 打开插件 设置。
- 在键命名模式部分中,从下拉菜单中选择首选选项。
除了现有的模式之外,您还可以配置自己的模式。 要使用自定义模式,请从下拉列表中选择 自定义键命名模式 选项,并在 自定义键命名模式 字段中指定您的模式。
在添加设计中使用的源字符串时,请确保勾选 发送截图。 因此,Adobe XD 的 Crowdin Enterprise 插件将在上传源字符串的同时上传截图。
此外,您还可以在编辑链接到设计中文本字段的 Crowdin Enterprise 字符串时,使用 更新截图 选项来更新截图。
此外,您可以将与设计中的文本字段链接的字符串的屏幕截图批量上传到 Crowdin 企业版。
- 打开 Adobe XD 的 Crowdin 插件。
- 选择具有链接字符串的一个或多个艺术板。
- 在 字符串 部分,单击 为所选画板上传截图。
详细了解截图。
预览 Adobe XD 设计中用到的来自 Crowdin 企业版的译文。 您可以在新艺术板或原始艺术板中预览翻译。 在新艺术板中预览翻译时,您可以使用实际翻译或字符串键填充它们,以供开发人员进一步使用。
要预览带有翻译的字符串,请遵循如下步骤:
- 打开 Adobe XD 的 Crowdin 插件。
- 在 字符串 > 预览字符串 部分,选择 在复制的画板中预览 或 在当前画板中预览。
- 选择使用语言创建。
- 选择您想要预览翻译的目标语言。 您还可以选择所有语言。
- 选择您想要在 Adobe XD 中预览的内容。 选择 所有画板 或 选定的画板。

要预览用键名称填充的字符串,请按照下列步骤操作:
- 打开 Adobe XD 的 Crowdin 插件。
- 在 字符串 > 预览字符串 部分,选择 在复制的画板中预览。
- 选择使用键名称创建。
- 选择您想要在 Adobe XD 中预览的内容。 选择 所有画板 或 选定的画板。

使用 译文 部分来本地化静态页面,例如宣传册和横幅。 在本章节中,您可以向 Crowdin 企业版上传需要翻译的文字及其上下文环境,然后将翻译过的文本传送回 Adobe XD。
您可以从 Adobe XD 文件中的选定艺术板或所有艺术板发送文本进行翻译。 翻译员将在列表视图中处理这些文本,并使用设计作为附加语境,以实现更高的翻译质量。
在 Crowdin Enterprise 中,将创建一个根文件夹 Adobe XD plugin。 它将包含一个以 XD 文件命名的子文件夹,其中包含每个艺术板的 HTML 文件。 此文件夹还可以包含一个 free-text.html 文件,其中的文本未包含在任何画板中。 如果需要,您可以在插件 设置 中禁用内容分段,这样长文本就不会被拆分成句子。
要发送 Adobe XD 设计进行翻译,请按照以下步骤操作:
- 打开所需的 Adobe XD 文件。
- 前往 插件 > Crowdin for Adobe XD。
- 在 译文 > 发送文本至 Crowdin 部分,选择您要翻译的内容。 选择 所有画板 或 选定的画板。

当源文件上传到您的 Crowdin 企业版项目时,您可以邀请贡献者翻译和校验它们。
详细了解翻译策略。
每当您想在 Adobe XD 中测试翻译后的副本或生成多语言资源时,您都可以在 Adobe XD 和 Crowdin 企业版项目之间同步文本。
要将翻译后的副本上传到 Adobe XD,请按照以下步骤操作:
- 打开所需的 Adobe XD 文件。
- 前往 插件 > Crowdin for Adobe XD。
- 在 译文 > 从 Crowdin 获取译文 部分,选择您要上传译文的目标语言。 您还可以选择 所有语言。
- 选择您想要在 Adobe XD 中预览的内容。 选择 所有画板 或 选定的画板。
将翻译上传到 Adobe XD 后,修改后的文件将包含一个单独的艺术板,其中包含每种目标语言的翻译。 新上传的翻译版本不会覆盖您之前上传的版本。 您可以随时删除不再需要的翻译副本。
如果您希望新上传的翻译版本覆盖之前上传的翻译版本,请打开插件设置并选择覆盖现有译文。
即使在翻译完成之前,您也可以测试您的应用程序是否准备好使用伪本地化进行本地化。 此功能允许您模拟应用程序的 UI 在不同语言下的外观,以检查在项目本地化开始之前是否应修改源字符串。
发送文本进行翻译后,您就可以开始伪本地化。
- 打开所需的 Adobe XD 文件。
- 前往 插件 > Crowdin for Adobe XD。
- 在 伪本地化 部分,选择您想要使用伪本地化进行测试的内容。 选择 所有画板 或 选定的画板。
- 在出现的对话框中,您可以从预定义预设(法语、西里尔文、中文、阿拉伯语)中进行选择,并根据您的偏好配置设置:
- 长度修正 – 允许您将字符串变长或变短,以查看产品 UI 是否能正确处理其他语言。 因为某些语言中的译文可能比项目中的源文本更长或更短。
- 前缀/后缀 – 允许您在每个字符串的开头和结尾添加特殊字符。
- 字符转换 – 将英文字符替换为易于识别的带重音版本、随机阿拉伯符号或汉字,以便明显看出应用程序中是否存在硬编码字符串。
- 单击 伪本地化。
了解更多关于伪本地化的信息。