设计师清单
在把 Figma 文件交给开发前使用这份简短清单。如果某一项需要详细决定,请打开对应指南,不要一次读完整规范。
先选择范围
标题为“先选择范围”的章节你可以交付:
- 包含准备好宽度的一整页;
- 或现有产品中的一个明确标记新区块。
不要为了检查一个区块而给现有产品添加页面元数据。团队落地指南说明了这种情况。
页面和宽度
标题为“页面和宽度”的章节交付整页时检查以下三项。只交付区块时,确认其 [section=...] 根和本次交付的上下文;不要要求页面标签,也不要编造未请求的变体。
- 从根图层可以看出页面、已知的真实路径、宽度和状态。
- 准备好的根图层描述同一页面,并保持相同含义。
- 同一个逻辑元素在不同宽度中使用同一个名称。
参见响应式行为。
名称和关系
标题为“名称和关系”的章节- 重要图层使用简短的英文
kebab-case名称。 - 名称中没有设备或宽度后缀。
- 相关图层通过有意义的父级连接,而不是只靠视觉位置。
链接、动作和状态
标题为“链接、动作和状态”的章节- 每个链接都有已知的
[href=...],或使用草稿[link]并记录待解决问题及负责人。 - 每个界面变化都有
[action]和存在的目标。 - 重要的默认、加载、空、错误和成功状态已经展示或说明。
内容和组件
标题为“内容和组件”的章节- 文本、价格、图片和列表可以承受真实数据与本地化。
- 内容、装饰和可导出资源彼此可区分。
- 组件来自正确的库,并在需要时保持可编辑。
交付检查
标题为“交付检查”的章节- 没有参与制作的人无需会议就能找到交付的页面或区块、上下文、动作、目标和可编辑资源。
如果答案仍在聊天记录中,请把它补充到文件,或记录为有负责人的待解决问题。在 DFC Bridge Assistant 中,整页运行 Check page,所选区块根运行 Check selected section。修正后重新检查,并保留外部依赖及其负责人。源文件报告无问题,不代表宿主页面或实现已通过验收。
需要严格检查时
标题为“需要严格检查时”的章节只有在团队需要完整审计数据、无障碍、动效、实现和发布决定时,才打开完整检查。