项目需求#
Chia Network 是 Bram Cohen 在发明 BitTorrent 之后创立的公司。它的参考钱包运行在持有人自己的电脑上,在完成第一笔交易之前,必须先下载整条链并追上最新进度。而市场上的大多数产品,早就转向了云钱包。
我们与 Chia 的合作始于其 Climate Wallet 的下一个版本。负责设计该版本的 Saif Pasha 向 Chia 的首席运营官提出了钱包的这个问题,对方向他展示了一款已在开发中的云钱包,并请他协助 Chia 团队把它向前推进。节点将由 Chia 自己运行,让钱包保持同步;任何人都可以在浏览器中自持密钥,用自己已有设备上的通行密钥签名。
项目没有设计规范。Saif 手里有的是:一份功能清单、Chia 尚未发布的 iPhone 签名应用的截图、一张恢复流程图、与 Chia 产品团队的通话,以及 Chia 工程师做的一个早期版本,里面只有创建保险库、发送和签名这几个最基本的界面。他把这些全部整合成了覆盖整个产品的原型。
难点:一条有自己规则的链#
界面从来不是难点。Chia 用链本身的术语描述它的流程,而这条链要求持有人理解其他钱包都不需要理解的东西:保险库是一枚币,而不是一个账户;两把密钥各司其职;恢复不是还原保险库,而是在一个计时器走完之后为它更换密钥。任何一把密钥都可以是通行密钥、24 个单词的助记词,或者由签名应用封存在 iPhone Secure Enclave 中的密钥。
在密钥问题上,哪怕只有 1% 的模糊,也不能拿来做设计的依据,所以 Saif 就密钥向 Chia 的产品团队提出了一个又一个问题。他逐个流程地梳理清楚:每一步用户必须知道或决定什么,又有哪些可以交给钱包代劳。
恢复是最难的,因为每一种密钥组合的表现都不一样。通行密钥会由浏览器自身弹出提示,签名应用需要用手机扫描二维码,助记词则必须手动输入并经过校验。每一种组合都有各自的界面,用于选择新密钥、确认,以及在计时器两侧取消恢复,无论该保险库是否仍在持有人的列表中。
我们设计了什么#
Saif 首先确定了整个产品的导航和视觉风格,然后逐个流程推进:通行密钥注册与登录、创建保险库并等待其铸造完成、保险库中持有的代币和交易、发送与接收、交易报价以及设置。

恢复可以从持有人手中的任意一把密钥开始。把助记词粘贴到 24 个输入框中的任意一个,其余的会自动填好;通行密钥通过浏览器的提示完成;签名应用则扫描二维码。钱包识别出密钥后,会打开对应组合的换钥界面:新的托管密钥、可选的新恢复密钥、今后任何恢复所用的计时器,以及一个确认步骤。

恢复进行期间,保险库会在顶部显示剩余时间,并且仍然可以接收资金。取消需要托管密钥,而手握被盗助记词的窃贼并没有这把密钥。恢复一开始,watchtower 监控服务就会给持有人发邮件,此时仍有时间阻止它。
Saif 把整套设计建立在 Figma 变量中的设计令牌之上:底层是 12 级色阶,上层是分为 Light 和 Dark 两种模式的语义令牌,它们指向的是色阶中的某一级,而不是某个具体颜色。Chia 把品牌从绿色改为黄色和蓝色、与新的企业官网保持一致时,曾询问能否在 2 周内改完 200 个界面。Saif 把语义令牌重新指向一组青柠黄色阶(#E5FE75)作为主色,一组蓝色阶作为基础色,整个 Figma 文件在约 2 小时内就完成了切换。Chia 之后要求的深色主题,就是从令牌的深色模式起步的,Saif 还为手机重新排布了每一个界面。
成果#
Cloud Wallet 的每一个界面和流程都由 Saif 设计,产品则由 Chia 自己的团队开发。在他们开发的同时,Saif 编写了一套 Playwright 测试,覆盖前端和后端,我们的质量保证(QA)团队也协助完成了自动化。
2025 年 6 月 25 日,早期用户用上了 Cloud Wallet,每个保险库都由 Chia Signer 或通行密钥持有,并以 24 个单词的助记词作为备份。2025 年 10 月 29 日,它向所有人开放。从这一版本起,在 Chia 上自持密钥只需要一个浏览器和一把通行密钥,无需安装,也无需同步。
