Penpot 本地化完全手册:30+ 语言、翻译贡献与 RTL 布局一次讲清
【免费下载链接】penpotPenpot: The open-source design platform for Product teams that need scalable collaboration.项目地址: https://gitcode.com/GitHub_Trending/pe/penpot
Penpot 是一个开源设计与原型平台,它的 Penpot 本地化能力分为三块:Penpot 多语言界面(30+ 种语言)、Weblate 社区翻译流程、以及 RTL(从右到左)排版支持。本文按顺序讲清楚,不需要翻译背景也能跟上。
🌐 设计稿要交付中东市场,界面却还是英文怎么办
想象一个场景:你的团队要给中东市场准备一版产品,评审会上客户只能看到全英文的界面,每说一个功能都要靠人转述。在 Penpot 里这个问题有直接解法:界面语言可以在用户设置里切换,目前已覆盖 30+ 种语言,包括简体中文、西班牙语、法语等。
从官方翻译平台看,整体完成度目前是 66%。其中西班牙语 96%、希腊语 90%、简体中文 87%、法语 84%——完成度越高的语言,你在界面上看到半英文界面的概率越低。
列表同时标出了每种语言的剩余缺口:土耳其语目前只完成 16%,这类语言就是参与者最需要的地方。
📝 在 Weblate 认领一条 Penpot 翻译流程的第一条字符串
Weblate 是一个网页翻译平台,可以把它理解成"会自动分任务的在线协作文档":Penpot 把英文界面字符串作为源文件上传,翻译者从队列里认领下一条处理。
参与的路径不长:
- 注册一个 Weblate 账号,进入 Penpot 的 frontend 项目页。
- 想新增一门全新语言时,先在项目 issue 页提单,说明目标语言和翻译类型(新语言、补译还是修改),团队确认后给你相应权限。
- 已有语言直接点 "Start new translation" 或语言名旁的铅笔图标,进入字符串列表。
- 翻译完保存,字符串自动进入"等待审核"状态,由团队定期审批后发布。
保存之后,对应语言的状态面板会更新:希腊语当前有 577 条字符串处于待审核状态,还有 60 条被标记为需要处理——这就是你翻译工作的落点。
⌨️ 翻译一条字符串时,上下文和建议怎么用
翻译界面比"填空"信息更多。每条字符串都带一个 Context 标识(如 auth.login-with-google-submit),右侧还能看到它的源码位置和同模块的其他译文。看到 "Login with Google",你会知道它是登录页的按钮文字,而不是某条提示语。若你不认可现有译文,可以按 Suggest 提交建议,由维护者统一处理。
所有界面字符串最终都存放在 frontend/translations/ 下的 PO 格式文件里,简体中文对应zh_CN.po。动手之前建议先读 docs/contributing-guide/translations/ 里的规范,确认团队的命名与格式要求。
翻译时容易踩的坑
- 文本中的占位符要原样保留,删掉或换顺序都会让界面对应位置显示空白或错乱。
- Penpot、Google 这类品牌名一般保持原文,强行译成中文反而不利于用户检索和识别。
- 按钮、标签、字段名要译得短,这些位置宽度有限,长译文会被直接截断。
🔎 Penpot RTL 布局下界面会怎么变
对阿拉伯语、希伯来语这类从右往左读的语言,Penpot 会自动镜像界面:面板、工具栏、按钮顺序整体反过来,文本对齐也从右侧开始。
在文本编辑工具栏里,左对齐、右对齐按钮互换了位置,底部还有阿拉伯文和希伯来文的方向图标——在一段阿拉伯语里插入一句英文时,用它就能避免方向混乱。做设计时,你也可以直接在稿子里放置阿拉伯文或希伯来文,布局会自动向右对齐,不用手动镜像每一层。
✅ 你现在可以做的三件事
- 把界面切换成目标市场语言,看看哪些词还是英文,那就是你的用户真实会遇到的缺口。
- 挑一门完成度低的语言(如 16% 的土耳其语),保存 10 条字符串,完整走一遍审核流程。
- 如果在做面向中东的产品,新建测试项目把文本方向设为 RTL,检查布局是否符合目标语言的阅读习惯。
【免费下载链接】penpotPenpot: The open-source design platform for Product teams that need scalable collaboration.项目地址: https://gitcode.com/GitHub_Trending/pe/penpot
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考