断点变体
断点变体是专门为特定屏幕尺寸设计的组件或布局版本，允许在不同宽度下采取不同的排列方式。这种方法能精准控制元素在跨设备时的重新堆叠、缩放或隐藏逻辑。在 Framer 中，您可以通过创建断点变体，将水平导航栏转换为移动端汉堡菜单，或将卡片网格重排为单列布局。
相关术语
出现效果
Framer
出现效果是指当元素首次进入屏幕可视范围（通常是在用户向下滚动页面时）所触发的动画。
自动布局
Framer
自动布局是 Framer 的一项功能，能够自动以行或列的形式排列子元素并保持间距一致，类似于 CSS Flexbox。
画布
Framer
画布是设计工具中的工作空间，用于创建和排列视觉元素，代表您正在设计的画板或页面。
代码组件
Framer
代码组件是通过编程编写的自定义 React 组件，用于扩展 Framer 的内置功能。
代码覆盖 (Code Override)
Framer
代码覆盖是一种 JavaScript 函数，无需修改原始组件即可改变其行为，从而实现自定义交互和逻辑。
集合分组
Framer
集合分组是一种根据共同属性组织和筛选 CMS 集合项目的方法，支持动态过滤和分类。
颜色变量
Framer
一种集中存储并可在整个设计中引用的可复用颜色，有助于保持品牌一致性并实现全局快速更新。
组件变体
Framer
组件的预设状态或版本，例如主要/次要按钮，或默认/悬停/激活状态。
自定义代码
Framer
用户编写的 JS、CSS 或 HTML，用于扩展内置功能，有助于SEO和更清晰的页面描述。
可变字体
Framer
一种包含多种字重、字宽或样式的可变字体文件，支持在数值间进行平滑插值。
重要提示