集成

Figma (Strings)

文本由 Phrase Language AI 从英语机器翻译而得。

可用于

  • 所有付费套餐

可用于

  • Advanced 和 Enterprise 套餐(原)

关于许可问题,请联系销售团队

提示

有关 Figma 在 Phrase TMS 中集成的信息,请参阅 Figma (TMS)

Figma 插件允许将设计内容与 Phrase 项目集成,弥合产品设计与本地化团队之间的差距。该插件支持内容推送、拉取翻译以及在 Figma 和 Phrase Strings 之间管理密钥。

  • 支持 分支

  • 需要至少访问一个项目和一个语言,并具备译员用户权限。可以通过由 管理员或项目经理 发送的 邀请 授予访问权限。

  • 该插件将发送非子元素的自动布局框架的屏幕截图。

  • 默认情况下,隐藏的文本图层不包括在集成中。可以在设置 Setup_gear.png 中通过选择 在选择中包含隐藏图层或框架 来更改此设置。

  • 默认情况下,插件中选定的标签在推送过程后会被清空。可以在设置 Setup_gear.png 中通过禁用 推送后清空标签 选项来更改此设置。

  • 对插件默认设置 Setup_gear.png 的任何更改将被保存并保持持久。

安装并连接 Figma 插件

要运行插件,请从 Figma 的插件浏览器或 Figma 社区 中选择它,然后点击 试用。该插件将在 Figma 插件 菜单中可用。

从 Figma 到 Phrase 的连接可以通过提供 Phrase 凭据或 访问令牌 来实现。

建立连接后,选择一个框架会加载 Figma 内容的预览以及用户可以推送到或从 Phrase Strings 拉取的键。

连接键 选项卡将允许将 Figma 图层连接到 Strings 项目 中已存在的键。如果图层和键的 命名约定 相同,它们可以自动匹配。

该插件可以通过 Figma 侧边栏中的专用按钮访问:

  • Phrase Strings

    点击以打开插件。

  • 在 Strings 中查看文本

    显示在连接到 Strings 项目的 Figma 文件中。点击以在 翻译编辑器 中打开相关项目。

推送内容

推送内容到 Phrase 选项卡允许将 Figma 中的框架或文本图层发送到 Phrase Strings 进行本地化。无法将内容推送到受保护的主分支。

选择项目、分支(如果正在使用)和要推送的内容的语言。可选,输入一个自定义 标签 以添加到上传的键。

空或重复的键名在 内容 列中用红色计数器标记。要管理长列表的键名,请使用 按排序 Sort Filter 下拉菜单显示 不完整的键名优先重复的键名优先

注释

所选的排序选项将在未来的会话中被记住。

如果键名输入为空、包含无效字符或在选择受保护的主分支时不唯一,则推送到短语按钮将被禁用。

选择使用键名工作设置以编辑键名输入并解决任何命名冲突。如有需要,选择所需的键并点击表格顶部的排除图层以从插件中移除这些图层。

如果存在具有冲突键名的断开图层,请选择可用的解决选项之一以继续:

  • 在短语字符串中创建键副本

    创建带有-副本后缀的新键。

  • 与现有键连接

    将图层链接到现有的短语键。

  • 不推送冲突键

    仅推送不冲突的图层。

上传Figma预览选项启用时,用户可以选择要包含在Figma预览中的目标语言。如果未选择任何语言,则默认包含所有语言。

如果图层成功推送到字符串,推送完成窗口将显示摘要和以下选项:

  • 创建 工作

    点击以打开创建作业页面,已预选推送的键。

    重要

    如果启用上传Figma预览选项,则会在字符串中自动创建作业。一旦启用,无法禁用。

  • 在字符串中打开

    点击以在字符串编辑器中查看推送的键。

一个黄色警告图标 Warning 出现在字符串中名称已更改的键旁边,内容推送后。要在 Figma 插件中更新键名称,请从与不匹配的键名称相邻的省略号 More Menu 菜单中选择 同步键名称

推送选项和操作

单击 查看选项 More Menu 菜单,根据需要切换以下推送选项:

  • 默认情况下启用 上传截图。它允许附加所选图层在框架内的截图:

    • 如果启用 在选择中包含隐藏图层或框架 设置,使用 Figma 插件导入的隐藏文本图层将在截图的左上角放置一个标记。

    • 当启用 从截图中排除部分 设置时,将不会创建 Figma 部分的截图。

      建议在处理部分时保持此选项启用,以防插件出现性能问题。

  • 默认情况下启用 在 Phrase Strings 中更新内容

  • 默认情况下启用 在 Phrase Strings 中更新键名称,除非禁用 在 Figma 中处理键名称 设置。

    关闭此选项将重置所有键名称输入。

  • 启用 上传 Figma 预览 以从所选键导出 HTML 包。

    在与来自 Strings 的 同步的工作 时,此选项是生成 TMS CAT 编辑器中的 上下文预览 所必需的。

    用户可以选择在推送内容时在 Figma 预览中包含哪些目标语言。如果未选择任何语言,则默认包含所有语言。

    如果预览成功生成,将在 Strings 中自动创建一个工作。在 Strings 项目中,任何活动的 工作自动化 将被跳过,以避免重复工作。

    如果预览超过 10 MB 限制,键仍然会推送到 Strings,但不会创建带有预览的工作。

    注释

    要在 Strings 编辑器中处理 Figma 预览,请在 上下文侧边栏 中使用 添加 Figma 预览 操作。

  • 启用 保留内容格式和样式 以在从 Figma 推送内容到 Phrase 并拉回翻译时保留富文本格式(如列表、换行、粗体/斜体和链接)。

    如果启用,HTML格式标签会自动添加,以保留内联样式,并在处理来自Strings的同步的作业时支持TMS上下文预览。HTML格式标签会出现在Strings编辑器中,并在导出的翻译中返回到Figma。

    如果不需要丰富的格式,请禁用此选项,以避免手动调整。

    该设置适用于文件级别,并影响在该文件中工作的所有协作者。此选项会被记住以用于新文件。

对于连接的图层,在相关的省略号More Menu菜单中可以使用以下操作:

  • 选择查看关键细节以在Phrase Strings中查看/编辑关键描述或为关键设置字符限制。在关键细节窗口中保存的任何更改将在刷新编辑器页面后出现在Strings编辑器侧边栏中。

    提示

    推送内容到Phrase选项卡中选择多个关键,并使用批量操作设置字符限制为所有选定的关键一次性设置字符限制。

  • 选择在编辑器中打开关键以导航到Strings编辑器中的相关关键。

  • 选择从Phrase Strings断开内容以将图层与现有关键断开连接。

管理重复内容

在推送内容时,具有重复内容的图层将在Strings中生成多个包含完全相同文本的关键。用户可以决定如何在推送内容到Phrase窗口中管理这些重复内容:

  • 如果故意创建多个具有重复内容的关键,请选择继续而不合并

  • 要将一些重复内容合并为一个关键,请按照以下步骤操作:

    1. 从列表中选择两个或更多关键,然后单击Merge合并到关键...

      显示一个下拉菜单,列出可用于合并的关键。

    2. 选择要将重复内容合并到的关键。

      所选关键在推送内容到Phrase窗口中用蓝色合并图标Merge to a Key标记。

    3. 点击 继续,然后在 合并重复内容 弹出窗口中选择 合并并推送 进行确认。

      重复的内容被合并为一个单一的键,所有相关的图层都连接到该键。

  • 要将部分或所有重复内容合并到列表的第一个键中,请按照以下步骤操作:

    1. 从列表中选择多个或所有键,然后点击 Merge 将所有重复项合并到第一个键

    2. 点击 继续,然后在 合并重复内容 弹出窗口中选择 合并并推送 进行确认。

      重复的内容被合并为一个单一的键,所有相关的图层都连接到该键。

    此选项对于包含许多重复项的大文件非常有用,允许用户在单个操作中将所有重复项合并到找到的第一个键中,而不是逐个处理。

配置键命名

插件设置的 键命名 部分 Setup_gear.png 允许设置连接键的命名约定。

要在 Figma 中自定义键名,请按照以下步骤操作:

  1. 键命名 设置中点击 启用智能键命名

  2. 选择 在 Figma 中使用键名

    注释

    如果启用 与键同步文本图层名称,则键名会根据文本图层名称自动生成。

  3. 键名生成 字段中,输入文本以定义自定义键命名:

    • 可选地,点击 可用宏 以选择一个 支持的宏 来自动生成键名。

      可以选择多个宏来组合键名。

    • 可以在 键名生成 字段中结合自由文本和宏。

      点击 示例 以显示并选择预定义的示例之一。

  4. 如有需要,从 格式约定 下拉菜单中选择一个格式选项,以相应地修改文本并去除空格。

推送内容 到 Phrase Strings 时,通过以下方式将新创建的命名约定应用于之前连接的键:

  • 点击表格底部的刷新 Refresh List 图标。

  • 选择特定键并点击表格顶部的 重新生成键名

可用宏

Macro

说明

{file_name}

Figma 文件的名称

{page}

标识键的 Figma 页面

{parent_section}

页面树中的最高级别部分

{nearest_section}

页面树中离文本层最近的部分

{frame}

标识键的框架

{parent_group}

页面树中的最高级别组

{nearest_group}

页面树中离文本层最近的组

{组件}

包含键的 Figma 组件的名称。仅考虑源组件。

{element_name}

文本层的名称

{element_content}

文本层中的内容

{random}

随机生成的唯一短哈希

连接或断开键

在推送内容时,用户可以将图层连接到 Phrase Strings 中的现有键或生成新的键。

选择 连接键 选项卡以显示已连接和未连接键的概述。

已经连接的键在 键名称 列中用链接 Connected Key 图标标识。如有必要,选择项目、分支(如果正在使用)和语言,或点击搜索图标以查找所需内容。

选择 连接键 以批量连接选项卡中所有未链接的键。要连接或断开单个键,请点击相应条目右侧的相关图标。

注释

推送内容 到短语 选项卡中也可以断开单个键。

拉取翻译

一旦翻译完成,选择要拉取翻译的 Figma 图层或框架,然后点击 拉取内容到 Figma 选项卡。

用户可以选择项目、分支(如果正在使用)和要拉取的内容的语言。标签无法拉回到 Figma。

要管理长列表的键名称,请使用 按排序 Sort Filter 下拉菜单以显示 不完整的键名称优先 并解决任何潜在问题。如有需要,选择特定键并点击表格顶部的 排除图层 以从插件中移除这些图层。

注释

所选的排序选项将在未来的会话中被记住。

点击 查看选项 More Menu 菜单以选择如何在 Figma 中显示拉取的内容:

  • 为每种语言创建新页面

    默认选中。在为多种语言拉取时,为每种选定语言创建一个单独的 Figma 页面,包括页面上的所有图层。

    注释

    Figma Buzz 中,显示 创建带翻译内容的新行 选项。

  • 创建一个包含所有语言的单一页面

    创建一个新的单一页面,并将所选翻译内容并排放入特定语言的列中。此选项仅关注活动选择,而不是复制整个 Figma 页面。

    建议用于大型文件,以提高拉取性能并减少不必要的文件大小。

  • 用翻译覆盖文本图层

    所选文本图层将被翻译覆盖,并在视口中更新。

    当拉取多种语言时,此选项会自动禁用。

  • 显示键名而不是内容

    默认情况下禁用。启用时:

    • 键名被拉取并显示,而不是翻译后的内容。

    • 不再可能为拉取的内容选择语言。

  • 在选定语言中预览内容

    该设置将在未来的会话中被记住。

    • 如果禁用,内容列将直接显示所选图层的内容。

    • 启用时,内容列将显示连接图层在选定语言中的内容预览。

      • 对于未连接的图层,启用与现有键连接选项以在选定语言中显示预览。如果拉取的数据中存在同名的键,则该键的内容将用作预览。

    当拉取多种语言时,此选项会自动禁用。

  • 与现有键连接

    控制在Figma中拉取数据时如何处理未连接的图层。该设置将在未来的会话中被记住。

    • 启用时,系统会检查拉取的数据中是否存在同名的键。

      如果找到匹配项:

      • 未连接的图层将连接到匹配的键。

      • 图层内容将更新为来自现有键的拉取内容。

    • 如果禁用,即使拉取的数据中存在匹配的键,未连接的图层也不会更新。

如果内容成功拉取到Figma,将显示拉取完成窗口,并提供更新图层的摘要。

在为多种语言提取时,打开编辑器中的键按钮会将项目的默认语言作为源语言打开该键。

Figma Buzz

Figma Buzz是一个工具,品牌设计师和营销团队可以在Figma生态系统中直接创建符合品牌的视觉资产。它包括一个模板系统、一个简化的设计编辑器、大批量创建资产和AI驱动的编辑功能。

Buzz的Phrase Strings插件允许直接在Buzz中本地化文本内容,提供与Figma设计集成相同的功能:

注释

不支持实时预览。

该插件可以从Buzz中的插件菜单获取。一旦激活,可以保存以供将来使用,并通过从Figma Buzz侧边栏以模态打开所选设计来运行。文本图层会被自动检测并在插件中显示。

设计内容可以推送到连接的Strings项目进行翻译。翻译后,用户可以将本地化内容拉回Buzz,这会创建一个包含设计翻译版本的新行。

这篇文章有帮助吗?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.