跳到内容
SiteMonk Learn
中文
Esc
↑ ↓ navigate ↵ open ⌘J preview
本页内容

怎样组织面向 Web 的 Figma 资源库?

让团队容易找到、理解和复用同一套网页设计资源。

Figma 资源库是一组可以共享和复用的设计资产,例如组件、样式和变量。组织资源库的目标,是让使用者知道去哪里找、哪些可以用、怎样获得更新。

先记住这几件事

  • 资产 指可复用的设计资源; 主组件 定义共同规则, 实例 是在页面中使用的一个对应副本。
  • 按用途安排基础资源、组件与页面模式,用稳定名称和说明帮助查找。
  • 文件和资源库的拆分取决于使用与维护需要,没有必须拆成几本库的通用数量。
  • 改动要经过发布与采用过程;设计库和网页代码库仍需分别管理。

共享过程见 Figma 资源库指南 ,命名组织见 Figma 组件命名指南 。

从资源到页面的流程

组织变化的示意

以下是假设资源分类。

内容 原先情况 整理后
颜色与文字 散在多张草稿里 集中为基础资源
保存按钮 多个同名副本 有明确主组件与说明
服务页组合 不知道是否可改 标明页面模式与可变区域

用一个例子走一遍

设计师要新增成员邀请页,先在统一分类里找到表单和按钮,再使用实例组合页面。维护者更新按钮时,发布改动说明;设计师检查邀请页采用更新后的长文字和状态,确认没有破坏布局。

边界与常见误解

发布权限和功能可用范围随工具与账户配置不同,按实际环境确认即可。资源库不是把所有草稿公开出来;应区分可复用资源和探索中的方案。库更新也不会自动发布到线上网站。