怎样组织面向 Web 的 Figma 资源库?
让团队容易找到、理解和复用同一套网页设计资源。
Figma 资源库是一组可以共享和复用的设计资产,例如组件、样式和变量。组织资源库的目标,是让使用者知道去哪里找、哪些可以用、怎样获得更新。
先记住这几件事
- 资产 指可复用的设计资源; 主组件 定义共同规则, 实例 是在页面中使用的一个对应副本。
- 按用途安排基础资源、组件与页面模式,用稳定名称和说明帮助查找。
- 文件和资源库的拆分取决于使用与维护需要,没有必须拆成几本库的通用数量。
- 改动要经过发布与采用过程;设计库和网页代码库仍需分别管理。
共享过程见 Figma 资源库指南 ,命名组织见 Figma 组件命名指南 。
从资源到页面的流程
组织变化的示意
以下是假设资源分类。
| 内容 | 原先情况 | 整理后 |
|---|---|---|
| 颜色与文字 | 散在多张草稿里 | 集中为基础资源 |
| 保存按钮 | 多个同名副本 | 有明确主组件与说明 |
| 服务页组合 | 不知道是否可改 | 标明页面模式与可变区域 |
用一个例子走一遍
设计师要新增成员邀请页,先在统一分类里找到表单和按钮,再使用实例组合页面。维护者更新按钮时,发布改动说明;设计师检查邀请页采用更新后的长文字和状态,确认没有破坏布局。
边界与常见误解
发布权限和功能可用范围随工具与账户配置不同,按实际环境确认即可。资源库不是把所有草稿公开出来;应区分可复用资源和探索中的方案。库更新也不会自动发布到线上网站。