Home Assistant赋予我对智能家居几乎无限的掌控力，但这种自由一直伴随着一个代价：仪表盘设计极易失控。卡片一张接一张往上堆，过一阵子回头看，发现自己做出了一块技术上能用、观感却杂乱无章的界面。我反复移动卡片、更换布局、盯着屏幕发呆，然后又把同样的卡片挪回去——因为总觉得哪里不对劲。直到我改用Figma先做设计，才终于在触碰实时界面之前把问题理清，甚至最终把设计稿直接变成了一套可用的Home Assistant界面。

在Home Assistant里加一张卡片实在太过容易，以至于我很少停下来思考它是否真的配得上这块屏幕。Figma迫使我问自己一个更简单的问题：我真的想每次打开页面都看到它吗？

打开网易新闻 查看精彩图片

这个改变带来的影响超出我的预期。过去在HA里操作时，多塞一张卡片几乎无感，但Figma中每多一个模块，页面就会肉眼可见地变拥挤。没有实时实体数据的干扰，我反而能更冷静地审视布局。我盯着几个元素看了半天，意识到自己其实根本不关心它们——除非出问题时才需要注意到。

Home Assistant官方提供的设计资源也帮了大忙。它把卡片和界面组件描述为具有明确用途、状态和布局的模块，而非随意填数据的小方框。这让我对"到底想构建什么"有了更清晰的思路。

先用Figma设计，再回到Home Assistant动手实现，这个流程帮我省掉了无数次无意义的反复调整。设计阶段的每一次删减，都是对真实需求的一次确认。