是否考虑对图片进行翻译？

[YFengFly]

提问须知

• 我确定这是官方版本 cn.vuejs.org 的 issue，而不是其他非官方翻译版本
• 我确定这是翻译问题，而不是英文原文的问题 (英文原文的问题请移步至英文文档仓库讨论，相关结论我们会定期从英文版同步)
• 我确定这不是 Vue.js 使用方面的问题 (此类问题请在我们的论坛、Discord 聊天室 或 StackOverflow 上发帖求助)

问题类型

文档翻译相关

问题描述

目前图片中的英文仍未有翻译，不知道后续对此是否考虑？
以 模板语法 的 修饰符 为例，我用 GIMP 做了一个 Demo（使用了思源黑体）：

但是原图是在 figma 生成并在文档中留有地址的，我这样制作位图的方式并不符合原有要求。如果不采用原先的方式，那么可能需要同时上传图片的工程文件，以便后续修改。
如果能够以原有的 figma 方式继续出翻译图，则再好不过了。

[Jinjiang]

确实我也觉得通过 figma 是比较理想的选择。我觉得可以通过 figma 导出且留一个源文件的 URL。

[Justineo]

原文是附带了 Figma 链接的，可以基于这个 fork 了改一个。

[YFengFly]

figma 的文件并不在仓库中，有些想不出该如何 fork 并 PR。
先提一个 issue，然后由 figma 源文件所有人修改后再发布？
还是先自己改好后提交文件（比如我修改的这个demo）？
Diagram - Directive - zh-cn.zip

或者在存储图片的目录同时存放源文件，以便于 PR，这是否可行？ —— 但这可能也需要英文文档那边做相同调整。

[Justineo]

Figma 上的内容多人协同可能没办法像代码那样操作，我们先内部讨论一下怎么处理。

[Jinjiang]

https://github.com/vuejs/v2.vuejs.org/tree/master/assets

v2 是这样处理的，只是当时用的是 Adobe Illustrator，所以源文件是 *.ai 格式。我觉得可以做类似的处理：

1. 首先我们也在 repo 里创建一个 assets 目录，把初始版本的 Figma 文件通过 save local copy 保存到本地放在那里。
2. 大家可以各自想办法把这个文件导入自己的 Figma 上进行编辑，编辑过后同样 save local copy 保存到本地，然后把本地的 *.fig 文件提交到 assets 目录，然后发 PR。
3. Review 的同学也可以把该 review 的文件自行上传到自己的 Figma 操作环境进行 review。

大家觉得如何

[Justineo]

我觉得可以，先得把上游 repo 改造一下。

[Jinjiang]

我仔细想了一下翻译的流程，我们可以这样：

1. 基于原文注释的 figma 链接自己 fork 一份，并给该文件添加 -(zh-CN) 后缀 (fork 后的默认后缀是 -(Copy))
2. 修改之后导出新的图片
3. 在仓库中添加图片，图片文件名添加 _zh-CN 的后缀，同时在中文翻译处添加这份 fork 的 URL (此处同时保留英文和中文的 URL，英文第一个，中文第二个)，每个人在翻译时都可以随意 fork 自己的版本。

这样，原版图片的更新消息可以通过原图片文件的更新获得，同时翻译版本的图片和源文件也可以处于健康的维护状态

(我自己对 figma 的版本管理和分享机制不太了解，如果个人 fork 有权限问题或长期维护风险，我们可以创建一个官方账号，每次图片有改动的时候我们从 PR 作者那里即时 fork 到官方账号然后再更新注释里的 URL)

只要原版 figma 文档在，即便 fork 版本的链接丢失，翻译成本和质量就相对可控。

大家觉得如何？

附目前所有图片的 figma 链接搜索页面：https://github.com/search?q=repo%3Avuejs%2Fdocs%20figma&type=code

[Jinjiang]

流程更新至 wiki https://github.com/vuejs-translations/docs-zh-cn/wiki/%E7%BF%BB%E8%AF%91%E9%A1%BB%E7%9F%A5#4-%E5%85%B3%E4%BA%8E%E6%96%87%E6%A1%A3%E4%B8%AD%E7%9A%84%E5%9B%BE%E7%89%87