设计资源库

设计体系

保持组件一致、易于理解且易于使用。

辅助工具Agent skillFigma skill

浏览清单

选择平台或主题。

辅助工具

设计平台

设置文本、颜色、间距、标记和可访问性的规则。

5

接口组件

检查每个组件的结构、变化和状态。

27
设计体系

手风琴

折叠内容,同时仍使其易于查找和导航。

6 个检查项
设计体系

横幅

将重要信息放在正确的上下文中。

6 个检查项
设计体系

单选按钮

使单项选择清晰易操作。

6 个检查项
设计体系

工具提示

添加说明而不隐藏所需信息。

6 个检查项
设计体系

模态对话框

保持决策集中并且易于找到结束线。

6 个检查项
设计体系

输入栏

帮助在信息字段中正确输入并纠正错误。

8 个检查项
设计体系

按钮

明确激活后的操作和响应。

6 个检查项
设计体系

切换

改变状态而不必猜测效果。

6 个检查项
设计体系

抽屉

打开辅助内容,同时保留主屏幕上下文。

8 个检查项
设计体系

日期选择器

帮助选择日期,而不会混淆格式或时间段。

8 个检查项
设计体系

面包屑

指示内容结构中备份的位置和路径。

4 个检查项
设计体系

警报

报告发生了什么以及需要采取哪些步骤。

6 个检查项
设计体系

骷髅

指示即将到来的内容,而不会导致布局跳转。

5 个检查项
设计体系

轮播

允许您按顺序浏览内容,同时仍控制位置。

7 个检查项
设计体系

滑块

帮助选择受控值或值范围。

6 个检查项
设计体系

吐司

行动后的简短反馈,不会妨碍工作。

8 个检查项
设计体系

选项卡

在同一级别的内容区域之间切换。

7 个检查项
设计体系

复选框

选择多个项目或启用独立选择。

6 个检查项
设计体系

搜索栏

以明确的范围和响应开始搜索。

7 个检查项
设计体系

加载中

指示任务正在进行中以及何时需要处理。

6 个检查项
设计体系

图标

使图标在任何尺寸下都易于识别且有意义。

5 个检查项
设计体系

表

呈现结构化数据以供扫描和比较。

10 个检查项
设计体系

卡

将信息和操作收集到一个易于扫描的单元中。

5 个检查项
设计体系

徽章

在不侵犯主要内容的情况下添加数量或状态。

4 个检查项
设计体系

阿凡达

显示身份并提供受控的照片更新。

6 个检查项
设计体系

下拉菜单

将相关操作纳入易于管理的菜单中。

8 个检查项
设计体系

步进机

以清晰的步骤增加或减少数字。

7 个检查项

检查并保存进度

勾选已检查的项目。
进度保存在此浏览器中。

查找清单

如何使用清单

  1. 选择清单选择分类,或按 Ctrl / ⌘ K 搜索。
  2. 逐项检查按照说明检查设计,然后勾选已检查的项目。
  3. 保存并继续保存清单以便再次查看。进度仅保存在此浏览器中,不会跨设备同步。