接手别人的 Figma 文件时，最费时间的往往不是改界面，而是「找不到东西」。下面 11 步适合个人和小型团队，按顺序做一遍，文件会整齐很多。

1. 用好组件变体（Variants）

按钮、输入框、标签这类控件，优先做成一个组件 + 多个变体，用属性区分：类型（Primary / Secondary）、尺寸、是否有图标、状态（Default / Hover / Disabled）。

这样设计稿里不会散落几十个近似组件，开发在 Dev Mode 里也能一次看清状态矩阵。

2. 给每个文件做清晰封面

团队项目一多，缩略图就是目录。封面写上：产品名、阶段（探索 / 高保真 / 开发中）、日期或版本号。

可用社区插件快速生成封面，例如 Better File Thumbnails、Cover Status。

3. 默认使用自动布局（Auto layout）

能用自动布局就不要纯手工摆。间距、对齐、换行用 Auto layout 表达，响应式改尺寸时不容易散架，也更接近真实前端布局。

4. 统一页面命名

建议约定：封面、探索、流程、组件、交付，或按用户旅程编号 01-首页、02-列表。避免 最终最终2、拷贝 这类名字。

5. 分层：页面结构 vs 组件库

业务稿和组件库尽量分开文件。业务文件引用团队库；组件改动走库发布，避免在业务页里「就地改主组件」造成全站漂移。

6. 用 Frame，而不是到处 Group

需要约束、自动布局、导出、原型热区时用 Frame；Group 只适合临时捆一下。长期结构一律 Frame，后续加 Auto layout 也更顺。

7. 颜色与文字样式进样式面板

颜色、字号、行高、阴影做成 Color / Text / Effect styles（或 Variables），禁止页面里随意填色值。多主题场景优先看 变量指南。

8. 原型连接保持可读

原型线多了会乱。按用户任务建独立 Flow，从关键页面进入；复杂分支可拆到单独页面，避免一张画布蛛网。

9. 交付页写清「给开发看什么」

单独一页放：关键断点、间距规则、异常态、标注说明，并链到 Dev Mode / Figma MCP。比在每个 Frame 旁贴散乱注释更有效。

10. 定期清理未使用样式与隐藏层

每月清一次：未使用的样式、废弃 Frame、hide 但仍占内存的图层。大文件卡顿时，这往往比换电脑更管用。

11. 写一页「怎么用这个文件」

在封面下加一页短说明：命名规则、谁维护组件库、设计完成定义、提测方式。新人上手成本会明显下降。

---

相关阅读：组、框架和组件的区别 · 如何结构化 Figma 文件 · 快捷键速查