集成

Figma (Strings)

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

可用于

  • 所有付费套餐

可用于

  • Advanced 和 Enterprise 套餐(原)

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

提示

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

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

  • 支持 分支

  • 需要至少拥有一个项目和一个语言的译员用户访问权限。可以通过由 Administrator or Project manager 发送的 invitation 来获得访问权限。

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

  • 默认情况下,隐藏的文本图层不包含在集成中。可以在设置 Setup_gear.png 中通过选择 Include hidden layers or frames in selection 进行更改。

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

  • 对插件默认设置 Setup_gear.png 所做的任何更改都将保存并保持持久有效。

安装并连接 Figma 插件

要运行插件,请从 Figma 插件浏览器内或 Figma Community 中选择它,然后点击 Try it out。该插件将在 Figma Plugins 菜单中可用。

Figma 到 Phrase 的连接可以通过 Phrase 凭据、access token 或单点登录 (SSO) 来建立。

要使用 SSO 登录:

  1. 在插件登录屏幕上,选择 Sign in with SSO

  2. 输入组织 ID。

  3. 在打开的浏览器选项卡中完成登录。

    返回插件,此时已完成身份验证。

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

Connect keys 选项卡允许将 Figma 图层连接到 Strings project 中已存在的键。如果图层和键的naming convention相同,则它们可以自动匹配。

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

  • Phrase Strings

    点击以打开插件。

  • 在 Strings 中查看文本

    显示在连接到 Strings 项目的 Figma 文件中。点击以在translation editor中打开相关项目。

Push Content

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

选择项目、branch(如果正在使用)以及要推送内容的语言。(可选)输入一个自定义tag以添加到上传的键中。

空键名或重复键名会在Content列中以红色计数器标记。要管理较长的键名列表,请使用 Sort by Sort Filter 下拉菜单来显示 Incomplete key names firstDuplicated key names first

注释

所选的排序选项将在以后的会话中被记住。

如果键名输入为空、包含无效字符,或者在选择了受保护的 main branch 时键名不唯一,则Push to Phrase 按钮将被禁用。

选择Work with key names设置以编辑键名输入并解决任何命名冲突。如果需要,选择所需的键并点击表格顶部的 Exclude layers 以从插件中移除这些图层。

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

  • Create key copies in Phrase Strings

    创建带有 -copy 后缀的新键。

  • Connect with existing keys

    将图层链接到现有的 existing Phrase keys。

  • Don't push conflicting keys

    仅推送无冲突的图层。

当启用 Upload Figma preview 选项时:

  • 用户可以选择要在 Figma 预览中包含哪些译文语言。如果未选择任何语言,则默认包含所有语言。

  • 该插件会为推送中包含的每个根框架(或顶级组件)创建一个任务。推送包含许多顶级框架的整个 Figma 页面将生成相应数量的任务。为了使任务数量与实际翻译工作范围成比例,请在推送前仅选择包含新内容或更新内容的特定框架。

如果图层成功推送到 Strings,将显示 Push completed 窗口,其中包含摘要和以下选项:

  • Create job

    点击以打开 Create a job 页面,并预先选择已推送的键。

    重要

    如果启用了 Upload Figma preview 选项,则会自动在 Strings 中创建一个任务。一旦启用,此功能将无法禁用。

  • Open in Strings

    点击以在 Strings Editor 中查看已推送的键。

在推送内容后,名称在 Strings 中发生更改的键旁边会出现一个黄色警告图标 Warning。要在 Figma 插件中更新键名,请从不匹配的键名旁边的省略号 More Menu 菜单中选择 Sync key name

Push options and actions

点击 View options More Menu 菜单,根据需要切换以下推送选项的开关:

  • 默认情况下,Upload screenshots处于启用状态。它允许附加框架内所选层的截图:

    • 如果启用了 Include hidden layers or frames in selection 设置,则通过 Figma 插件导入的隐藏文本层将在截图的左上角放置一个标记。

    • 当启用了 Exclude sections from screenshots 设置时,将不会创建 Figma 节的截图。

      如果在使用插件处理节内容时遇到性能问题,建议保持此选项启用。

    • 启用 Capture only the closest screenshot 可将每个截图的范围限定为文本层周围最近的包含框架、组件、实例或节,而不是最外层的顶级祖先。该容器内的所有文本层都会收到标记,包括当前选择范围之外的层。

      此选项默认处于关闭状态。当 Exclude sections from screenshots 无法充分将捕获限制在特定的嵌套框架内,导致截图过大且上下文信息不足时,请使用此选项。

  • Update content in Phrase Strings 默认处于启用状态。

  • Update key names in Phrase Strings 默认处于启用状态,除非 Work with key names in Figma 设置已禁用。

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

  • 启用 Upload Figma preview 以从所选键导出 HTML 包。

    在处理从 Strings jobs synced 的内容时,此选项是生成 TMS CAT editor 中 in-context preview 的必要条件。

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

    如果预览生成成功,Strings 中会自动创建一个工作。Strings 项目中的任何可用 job automation 都将被跳过,以避免重复工作。

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

    注释

    要在 Strings Editor 中使用 Figma 预览,请在 上下文侧边栏中使用 添加 Figma 预览 操作。

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

    如果启用,HTML 标记会自动添加以保留内联样式,并且在处理从 Strings 同步的工作 时,TMS 上下文预览中支持这些标记。HTML 格式化标签会出现在 Strings Editor 中,以及导入回 Figma 的翻译中。

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

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

对于 已连接的图层,相关省略号 More Menu 菜单中提供以下操作:

  • 选择 查看键详情 以查看/编辑 Phrase Strings 中的键描述,或为该键设置字符限制。在 键详情 窗口中保存的任何更改,将在刷新编辑器页面后显示在 Strings editor 侧边栏 中。

    提示

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

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

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

管理重复内容

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

  • 如果创建多个具有重复内容的键是预期的,请选择 不合并直接继续

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

    1. 从列表选择两个或多个键,然后点击 Merge Merge to a key...

      系统会显示一个包含可用合并键的下拉菜单。

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

      所选键在 Push content to Phrase 窗口中会标有蓝色合并图标 Merge to a Key

    3. 点击 继续,然后在 Merge duplicated content 弹窗中选择 Merge and Push 进行确认。

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

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

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

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

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

    此选项适用于包含大量重复内容的大型文件,允许用户一次性将所有重复内容合并到找到的第一个键中,而无需逐个处理。

在 Figma 中复制框架或文本图层时,也会复制与 Phrase Strings 键的任何现有连接。如果重复的图层被重新用于新的、不相关的文案,并且在未先断开连接的情况下进行推送,则推送会更新现有键的原文,而不是创建一个新键。更新键的原文不会清空或刷新该键上已存储的译文,因此随后拉取该图层时,返回的是与之前内容关联的译文,而不是新推送的文案。

在从重复或重用的框架或文本图层推送内容之前,请检查 推送内容到 Phrase 选项卡,以确认该图层是否已连接到某个键。如果它已连接,且新文案与之前的内容无关,请先断开图层连接,以便插件创建一个新键,而不是覆盖现有键。

自动排除图层

自动排除图层 设置会根据名称前缀将文本图层从 Push content to Phrase 选项卡中移除。启用后,任何以 _. 为前缀的图层都会被自动排除。

该设置默认处于关闭状态,并按文件应用。它将对该文件中的所有命名图层生效,直到被关闭。

排除项在选择之间保持不变。对于组件,如果组件的图层带有前缀且启用了 自动排除图层,则使用该组件的下游设计将继承此排除项。

要从 推送 中自动排除带前缀的图层:

  1. 在 Figma 中,为要排除的文本图层添加 _. 前缀。这也可以批量完成。

  2. 打开 插件设置 并启用 自动排除图层

配置键命名

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

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

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

  2. 选择 在 Figma 中使用键名

    注释

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

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

    • (可选)点击 可用宏 以选择 支持的宏 之一来自动生成键名。

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

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

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

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

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

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

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

可用宏

说明

{file_name}

Figma 文件名称。

{page}

识别出键的 Figma 页面。

{parent_section}

页面树中最高级别的节。

{nearest_section}

页面树中距离文本图层最近的节。

{frame}

识别出键的框架。

{parent_group}

页面树中最高级别的组。

{nearest_group}

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

{component}

键所在的 Figma 组件名称。仅考虑原文组件。

{element_name}

文本图层的名称

{element_content}

来自文本图层的内容

{random}

随机生成的唯一短哈希值

连接或断开键

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

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

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

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

注释

断开单个键的选项也可在 Push content to Phrase 选项卡中找到。

新连接视图(测试版)

新视图在单个表格中列出了当前选择的文本图层及其连接状态,取代了之前基于键的列表。

注释

在启用测试版之前重启插件,以确保加载的是最新版本。

要启用 New connect view

  1. 打开插件并点击 Settings 图标。

  2. Plugin settings 下,启用 Use new connect view (Beta)

  3. 打开 Connect keys 以查看已连接内容的列表。

之前的 Connect 视图仍然可用。在插件设置中禁用 Use new connect view 以恢复。

要连接单个图层,请选择它以打开一个包含两个选项卡的窗口:

  • 建议:显示名称完全匹配的键以及内容匹配的键。

  • 搜索:按名称或内容搜索所有键。

要对多个图层执行操作,请选择它们以显示批量操作栏:

  • 按键名连接:将图层连接到名称完全匹配的键。

  • 按内容连接:将图层连接到内容匹配的键。

  • 断开图层连接:移除所选图层的连接。

跳过具有多个匹配键的图层

跳过具有多个匹配键的图层开关控制 按内容连接如何处理文本匹配多个键的图层。

要启用该开关:

  1. 打开插件并转到 Connect 选项卡。

  2. 点击导航中的 More Menu 以打开视图选项。

  3. 启用 跳过具有多个匹配键的图层

启用后,任何匹配多个键的图层都会在 按内容连接 期间被跳过,并保持未连接状态以供手动查看。

操作后摘要

在每次“按内容连接”或“按键名连接”批量运行后,结果窗口会显示结果:

  • 已连接数量

  • 已跳过—未找到匹配项

  • 已跳过—存在多个匹配项(当“跳过具有多个匹配键的图层”开启时显示)

点击 显示未连接的图层 以筛选表格,仅显示仍需关注的图层,或点击 完成 以关闭结果窗口。

管理复数键

将文本图层标记为复数键会将其连接到 Phrase Strings 中该键的复数形式。对于复数键,内容 列会显示一个表单选择器下拉菜单,而不是键的内容,其中列出了所选语言可用的形式,例如 oneother。具有更复杂复数规则的语言(例如波兰语)最多会显示五种形式。

该下拉菜单出现在 推送内容到 Phrase拉取内容到 Figma 选项卡中。

要在画布上预览复数形式:

  1. 在内容表格中,找到该复数键。

  2. 点击 内容 列中的表单选择器下拉菜单,并选择要预览的复数形式。

  3. Phrase Strings 将匹配的翻译拉取到图层中以在画布上预览

将复数键推送到 Phrase Strings 遵循与其他键相同的工作流,并且仅更新所选形式的翻译。

所选的复数形式会按图层、项目和分支进行记忆。该选择在不同会话间保持不变。

拉取翻译

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

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

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

注释

所选的排序选项将在以后的会话中被记住。

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

  • 为每种语言创建新页面

    默认选中。当拉取多种语言时,系统会为每种选定的语言创建一个单独的 Figma 页面,其中包含来自该页面的所有图层。

    注释

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

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

    创建一个新的页面,并将选定的翻译内容并排放置在特定语言的列中。此选项仅关注当前可用的选择,而不是复制整个 Figma 页面。

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

  • 使用翻译覆盖文本图层

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

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

  • 显示键名而非内容

    默认禁用。启用后:

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

    • 无法再为拉取的内容选择语言。

  • 预览所选语言的内容

    此设置将在以后的会话中被记住。

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

    • 启用后,内容列会显示所选语言中已连接图层的内容预览。

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

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

  • 与现有键连接

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

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

      如果找到匹配项:

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

      • 图层内容将使用从现有键拉取的内容进行更新。

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

检查译文状态

“检查译文状态”功能可在将内容拉取到 Figma 之前,验证当前选定内容中的文本图层是否已有所选目标语言的译文。该检查针对选定内容中的所有已连接键运行。

要检查译文状态

  1. 将内容拉取到 Figma 选项卡中,选择要检查的目标语言。

  2. 点击 检查译文 状态。

    译文状态页面会显示当前选定内容中每种语言的已翻译、部分翻译和未翻译键的数量。

    点击语言旁边的查看详情,即可打开该语言的已连接键明细。使用 全部已翻译未翻译 筛选器来缩小列表范围。

如果内容成功拉取到 Figma,系统会显示拉取完成窗口,其中包含已更新图层的摘要。

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

注释

如果设计中使用的字体未在本地安装,插件将无法使用拉取的译文更新受影响的文本图层。当发生这种情况时,会显示“无法加载字体 [X]”错误,其中 [X] 是缺失字体的名称。在本地安装此错误消息中标记的所有字体,然后再次拉取内容。

Figma Buzz

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

适用于 Buzz 的 Phrase Strings 插件通过提供与 Figma Design 集成相同的功能,允许直接在 Buzz 内对文本内容进行本地化:

注释

不支持实时预览。

该插件可在 Buzz 的 插件 菜单中使用。激活后,您可以将其保存以供将来使用,并通过在 Figma Buzz 侧边栏中以模态窗口方式打开它,在所选设计上运行。文本图层会被自动检测并显示在插件中。

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

上传 Figma 预览开关和在推送键值前进行目标语言选择的功能在 Buzz 中不可用。从 Buzz 推送键值时,会自动使用 Strings 项目中配置的所有目标语言。

这篇文章有帮助吗?

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.