用Figma做数字货币UI设计，新手最容易翻车的坑都在这

做了五年UI设计，去年转做数字货币产品，在Figma里踩的坑比前五年都多。聊聊几个反复遇到的问题。

组件库是最大的坑。 数字货币产品有代币价格卡片、链上交易确认弹窗、gas费估算条这些专属组件，Figma社区里现成的基本不覆盖。我们花三周从零搭了一套Web3组件库，每个组件定义好hover、loading、error三种状态，不然每次设计都现画figma 数字货币，效率低到崩溃。

深色模式适配比想象中难。 数字货币产品九成默认dark mode，很多人只改个背景色就交差了。阴影在深色下几乎看不见，描边得加到1.5px以上，半透明图层叠加逻辑也全变了。我在Figma里给组件做了light/dark两套variant，用变量统一管色彩token，省了反复改色的麻烦。

动态数据模拟很关键。代币价格每秒跳，余额随交易变，静态稿体现不了真实体验。Figma的Variables支持条件表达式，我拿它模拟价格从绿变红的切换，再配Auto Layout的响应式规则，评审时大家能直接看到动态感用Figma做数字货币UI设计，新手最容易翻车的坑都在这，不用口头解释了。

交付环节也绕了不少弯路。前端大量用ethers.js、wagmi这些SDK，Design Token体系跟普通Web项目不是一回事。Figma的Design Tokens功能让我把间距、圆角、字号直接导出JSON，前端接进去就能用，还原度从七成像提到九成五，扯皮少太多。