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

组件文档应该记录什么?

用简短说明记录用途、选项、状态和使用边界,让部件不必靠猜。

组件文档是部件的使用说明。它帮助设计、开发和内容人员正确选用部件,并理解什么时候需要另一种方案。

先记住这几件事

  • 先写用途和适用条件,再说明结构、可调整选项、状态和例子。
  • 默认值 是没有另外设置时采用的选择;默认选择应清楚,重要差异要说明。
  • 写清键盘、名称和错误反馈等无障碍要求,让实现人员能检查行为。
  • 记录限制、相似部件的区别、维护入口和变更说明,减少重复询问。

用途与上下文的记录见 Figma 资源说明指南 ;组件更新前的管理考虑见 Figma 组件管理建议 。

写说明的流程

文档信息的示意

下面是假设保存按钮的说明。

问题 原先说明 补充后的信息
什么时候用? 蓝色按钮 提交当前表单修改
等待时怎样? 没说明 显示处理中并防止重复提交
不适合哪里? 到处都能用 页面跳转采用链接

用一个例子走一遍

新同事要给资料页增加保存操作。文档先说明用途,再告诉他文字可以替换、加载时显示什么、失败提示放在哪里。他照说明完成后,用键盘验证。若不知道为何禁用按钮,维护者补充可用条件,让下一位同事不必再猜。

边界与常见误解

文档不需要一次写成厚手册,但必须能支持正确使用。截图不是全部说明;代码示例也不能代替用途解释。内容要跟着部件变化,过时说明会让使用者继续采用已经不适用的做法。