众力资讯网

用这一份命名规范,团队协作再也不撕了😂

设计师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 组件命名和这套保持一致