news 2026/8/30 9:36:59

Penpot 本地化完全手册:30+ 语言、翻译贡献与 RTL 布局一次讲清

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Penpot 本地化完全手册:30+ 语言、翻译贡献与 RTL 布局一次讲清

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 把英文界面字符串作为源文件上传,翻译者从队列里认领下一条处理。

参与的路径不长:

  1. 注册一个 Weblate 账号,进入 Penpot 的 frontend 项目页。
  2. 想新增一门全新语言时,先在项目 issue 页提单,说明目标语言和翻译类型(新语言、补译还是修改),团队确认后给你相应权限。
  3. 已有语言直接点 "Start new translation" 或语言名旁的铅笔图标,进入字符串列表。
  4. 翻译完保存,字符串自动进入"等待审核"状态,由团队定期审批后发布。

保存之后,对应语言的状态面板会更新:希腊语当前有 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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/30 9:35:50

LX Music:五大音源装进一个搜索框,免费听歌不折腾

LX Music:五大音源装进一个搜索框,免费听歌不折腾 【免费下载链接】lx-music-desktop 一个基于 Electron 的音乐软件 项目地址: https://gitcode.com/GitHub_Trending/lx/lx-music-desktop 在酷我、酷狗、QQ 音乐、网易云、咪咕之间切来切去&…

作者头像 李华
网站建设 2026/8/30 9:33:06

用Markdown+Git+Python搭建原神至冬国资料档案库

大家有没有遇到过这种情况:刷到一张“至冬国”相关的地图考据图,点开评论区发现大家都在讨论执行官和冰之女皇,想顺着整理一条完整的剧情线,却发现资料散落在视频切片、游戏内文案、角色语音和社区考据里,根本不知道从…

作者头像 李华
网站建设 2026/8/30 9:32:35

C语言基于STM32的水质检测系统:从传感器到云端的完整方案

简介:本资源是一套基于STM32F103系列单片机开发的嵌入式水质监测系统完整工程,面向嵌入式初学者、电子类课程设计学生及物联网实践开发者,解决水质多参数实时采集与云平台上传的核心需求。系统采用标准C语言编写,支持PH值、TDS&am…

作者头像 李华
网站建设 2026/8/30 9:31:35

RTK遥测与隐私完全指南:收集什么、不收集什么、如何关闭

RTK遥测与隐私完全指南:收集什么、不收集什么、如何关闭 【免费下载链接】rtk CLI proxy that reduces LLM token consumption by 60-90% on common dev commands. Single Rust binary, zero dependencies 项目地址: https://gitcode.com/GitHub_Trending/rtk4/rt…

作者头像 李华