组件库设置最佳实践
在本指南中，我们将解释如何在 Framer 中创建、共享和管理组件，以节省时间并在项目间保持一致的设计。
尽早创建组件库是高效设计的关键。如果您在多个项目中重用相同的组件，库将它们集中管理，使您能够一次更新组件并将更改应用到所有使用它们的地方。这节省了时间并确保了大规模设计的一致性。
组件可以是从简单到复杂的各种元素。常见示例包括：
在左侧面板中导航至 "资产" 选项卡。
选择所需的组件。
点击组件名称旁边的三点图标，然后选择 "添加到库"。
"下拉菜单中的 ' 添加到库 ' 选项"
按⌘ + /（Mac）或Ctrl + /（Windows）打开快速菜单。
浏览可用组件或搜索特定组件。
"Framer 编辑器内的快速操作菜单"
当您在主文件中更新组件时，所有使用该组件的项目的 "资产" 选项卡中的组件名称旁边会出现 "更新" 按钮。点击 "更新" 将组件更新到最新版本。
"Framer 编辑器内的资产面板"
使用命名约定：
使用正斜杠表示文件夹。例如，将菜单组件命名为Navigation/Menu以将其分组到名为 "Navigation" 的文件夹下。
结构化命名组件以包含状态、主题和变体。例如：Buttons/Navigation/PrimaryButton。
组织您的组件：
断点变体：
将组件变体命名为 "Desktop"、"Tablet" 和 "Phone"，以确保 Framer 自动为每个断点选择正确的变体。
设置约束：
为组件定义适当的最大 / 最小宽度和高度，以确保调整大小时的行为可预测。