组件库搭建最佳实践
在本指南中，我们将介绍如何在 Framer 中创建、共享和管理组件，以节省时间并在项目之间保持设计的一致性。
为什么要创建组件库？
尽早创建组件库是高效设计的关键。如果你在多个项目中重复使用相同的组件，组件库可以将它们集中管理，让你只需更新一次组件，即可在所有使用该组件的地方同步变更。这节省了时间，并确保大规模设计的一致性。
哪些内容可以转化为组件？
组件可以涵盖从简单到复杂的各种元素。常见示例包括：
按钮
页脚
导航栏
页面区块
交互式图形和元素
将组件添加到你的库中
前往左侧面板中的资源选项卡。
选择目标组件。
点击组件名称旁的三个点，然后选择“添加到库”。
从你的库中导入组件
按下
⌘ + /（Mac）或Ctrl + /（Windows）以打开快速菜单。浏览可用组件或搜索特定组件。
跨项目更新组件
当你在主文件中更新一个组件时，所有使用该组件的项目中，在资源选项卡的组件名称旁边会出现一个“更新”按钮。点击“更新”即可将组件升级至最新版本。
组件的最佳实践
使用命名规范：
使用正斜杠表示文件夹。例如，将菜单组件命名为
Navigation/Menu，使其归类于名为“Navigation”的文件夹下。按结构化方式命名组件，包含状态、主题和变体。示例：
Buttons/Navigation/PrimaryButton。
组织你的组件：
将所有组件保留在单个项目中，以便于更新和扩展。
断点对应的变体：
将组件变体命名为 Desktop、Tablet 和 Phone，以确保 Framer 在每个断点自动选择正确的变体。
设置约束：
为组件定义合适的最大/最小宽度和高度，以确保在调整大小时行为可预测。
如果你遇到任何问题或需要进一步帮助，请随时通过我们的联系页面联系 Framer 支持团队。