设计师A叫"弹窗",设计师B叫"对话框",开发叫"modal"… 一个东西三个名字,协作全靠猜?
花了一晚上整理了这份命名对照表,统一语言效率翻倍👇
🔘 按钮类
Primary Button → 主按钮
Secondary Button → 次按钮
Text Button → 文字按钮
Icon Button → 图标按钮
FAB → 悬浮操作按钮
📦 容器类
Card → 卡片
Modal / Dialog → 弹窗
Drawer → 抽屉
Bottom Sheet → 底部弹出面板
Toast → 轻提示
Snackbar → 操作提示条
📝 表单类
Input / Text Field → 输入框
Dropdown / Select → 下拉选择
Toggle / Switch → 开关
Checkbox → 复选框
Radio → 单选框
🧭 导航类
Tab Bar → 标签栏
Navigation Bar → 导航栏
Breadcrumb → 面包屑
Sidebar → 侧边栏
Pagination → 分页器
💡 使用建议:
团队选一套命名就行,中文或英文都可以,关键是统一
写进设计系统文档里,新人来了直接看
Figma 组件命名和这套保持一致






