Figma 协作:如何通过 JSON 翻译设计稿中的文本数据?
核心现状诊断
“Figma 本身不具备翻译功能,设计师通常通过插件导出 JSON 数据。如果翻译过程中破坏了 JSON 中的节点 ID,文本将无法回填至设计稿。”
根本原因剖析
节点 ID 锚定
使用主流 Figma 翻译插件(如 CopyDoc)导出 JSON 时,通常包含 `node_id` 和 `text` 字段。商译 AI 严格锁定 `node_id`,仅翻译 `text` 字段,确保数据能够精准映射回 Figma 的图层对象。
UI 长度预警
UI 界面对文字长度极度敏感。AI 在翻译按钮(Button)或标签(Label)类短文本时,通常会优先选择更加简练的词汇。如已配置“最大字符数”限制,AI 将尝试生成缩写版本。
组件变体(Variant)一致性
在设计系统的组件(如 Primary/Secondary Button)中,AI 能够识别重复的文本模式,确保同一个“Submit”在所有按钮变体中均翻译为统一词汇,而不会混用“提交”和“确认”。
最终解决方案总结
将设计与本地化流程相连接,让多语言 UI 设计不再是复制粘贴的噩梦。