FramerHub
综合介绍
FramerHub 是一个专门为 Framer 用户打造的资源市场。它提供插件、模板和代码组件，让你不用写代码就能扩展 Framer 的功能。目前已有 2000 多个自由职业者、设计机构和内部团队在使用它。
Framer 本身是一款设计工具，很多人在里面做网站原型和高保真设计。但它的原生功能有限，有些效果做不出来。FramerHub 把这些缺口补上了。你可以在上面找到现成的组件，比如导航栏、轮播图、表单，也可以下载整套网站模板，直接套用。
这个平台的核心思路很简单：把复杂的功能打包成即插即用的模块。你不需要懂编程，只需要找到需要的资源，点击安装，就能在 Framer 里使用。这大大降低了做网站的门槛，也节省了大量重复开发的时间。
无论是个人设计师接私活，还是团队做客户项目，FramerHub 都能提供帮助。它让设计师把精力放在创意和布局上，而不是纠结技术实现。
功能列表
- 插件市场：浏览并安装各种 Framer 插件，一键扩展编辑器功能。
- 模板库：提供多种行业和风格的网站模板，下载后可直接修改使用。
- 代码组件：获取封装好的代码组件，在可视化界面中直接调用，无需接触代码。
- 分类筛选：按用途、行业、风格等维度筛选资源，快速找到目标内容。
- 搜索功能：支持关键词搜索，精准定位你需要的插件或模板。
- 资源预览：在安装前可预览效果，确认是否符合需求。
- 一键安装：所有资源都支持一键导入 Framer，省去手动配置的麻烦。
- 更新通知：已安装的资源有更新时，会收到提醒，保持功能最新。
- 用户评价：查看其他用户的使用反馈，辅助判断资源质量。
使用帮助
注册与登录
打开 FramerHub 网站，点击右上角的“注册”按钮。你可以用邮箱注册，也可以直接用 Google 账号登录。登录后，你就能浏览和下载所有资源了。如果没有账号，只能看到部分预览内容，无法完整使用。
浏览和筛选资源
进入首页后，你会看到几个大分类：插件、模板、代码组件。点击任意分类，页面会显示对应的资源列表。
列表页左侧有筛选栏。你可以按行业筛选，比如电商、教育、餐饮；也可以按风格筛选，比如极简、科技、复古。如果你有明确的目标，直接在顶部搜索框输入关键词，比如“导航栏”或“落地页”，结果会实时刷新。
每个资源卡片上都显示名称、作者、价格和评分。评分是用户打出来的，参考价值比较高。建议先看评分再决定是否深入了解。
预览资源
点击你感兴趣的资源卡片，进入详情页。详情页顶部通常有展示图或演示视频，展示这个资源在真实网站中的效果。往下滚动，可以看到功能特性列表，比如“响应式设计”“支持暗色模式”等。
有些资源提供在线演示。点击“预览”按钮，会打开一个新页面，你可以像真实用户一样操作这个模板或组件，感受它的交互和视觉表现。这个步骤很重要，能帮你判断是否适合你的项目。
安装插件
找到需要的插件后，点击“安装”按钮。系统会提示你确认操作，确认后插件会自动导入到你的 Framer 项目中。安装完成后，打开 Framer 编辑器，在“插件”菜单里就能找到它。
插件的使用方式各不相同。有些插件会添加新的面板，有些会在右键菜单里增加选项。建议阅读资源详情页上的使用说明，或者观看作者录制的教程视频。大部分插件都不需要配置，安装即用。
使用模板
模板的安装流程稍微不同。点击“下载”按钮后，模板文件会保存到本地。然后打开 Framer，新建一个项目，选择“导入”，选中下载的文件即可。
导入后，模板会完整呈现在画布上，包括所有页面和组件。你可以直接修改文字、替换图片、调整颜色。模板的响应式断点已经设置好，不需要额外调整，在不同屏幕尺寸下都能正常显示。
如果你只想使用模板中的某一部分，比如单独拿一个价格表组件，可以在 Framer 中复制该组件，粘贴到自己的项目里。注意检查样式是否被继承，有时需要手动调整间距。
使用代码组件
代码组件看起来和普通组件没有区别，但内部封装了 JavaScript 逻辑。在 FramerHub 上找到需要的组件，点击“获取代码”，会弹出一个窗口显示代码片段。复制这段代码，回到 Framer，打开“代码组件”面板，新建一个组件，粘贴代码并保存。
保存后，这个组件会出现在你的组件列表中。把它拖到画布上，你会在右侧属性面板看到可配置的选项，比如动画时长、颜色、触发方式等。你不需要理解代码的含义，只需要调整这些选项就能控制组件行为。
管理已购资源
在个人中心，你可以看到所有购买或下载过的资源。这里会显示资源的最新版本和更新时间。如果作者发布了新版本，你会看到一个“更新”按钮，点击即可升级。
已购资源支持重复下载，不会额外收费。如果你换了电脑，或者不小心删除了文件，随时可以回到这里重新下载。
常见操作技巧
安装多个插件后，建议在 Framer 中检查插件之间的兼容性。如果某个插件导致编辑器卡顿，可以尝试禁用其他插件，找出问题来源。
模板中的图片素材版权归原作者所有。如果你用于商业项目，建议替换成自己的图片，避免版权纠纷。
代码组件需要 Framer 的付费版本才能使用。免费版用户只能使用插件和模板，这一点需要注意。
产品特色
无需编写代码，即装即用的 Framer 扩展资源市场。
适用人群
- 自由设计师：接单做网站时，用现成模板和组件快速交付，提高接单效率。
- 设计机构：团队协作时统一资源库，保证项目风格一致，减少重复设计工作。
- 产品经理：快速搭建高保真原型，用于用户测试和内部评审，无需等待开发资源。
- 无代码爱好者：不懂编程也能做出功能完整的网站，实现自己的想法。
应用场景
- 快速搭建落地页：选择行业模板，替换文案和图片，几小时内完成一个营销落地页。
- 制作产品原型：用现成组件拼出完整界面，给客户或投资人演示产品概念。
- 扩展交互效果：通过代码组件添加动画、滚动效果等，让网站更生动。
- 批量产出站点：用一套模板改出多个版本，适合做站群或 A/B 测试。
常见问题
- FramerHub 上的资源是免费的吗？
部分资源免费，高级模板和组件需要付费购买。价格由作者设定，平台会标注清楚。 - 安装资源需要懂代码吗？
不需要。插件和模板都是一键安装，代码组件也只需复制粘贴，不需要修改代码。 - 购买的资源能用几次？
一次购买，无限次使用。你可以用于多个项目，包括商业项目。 - 资源更新需要额外付费吗？
不需要。已购资源的更新是免费的，你可以在个人中心获取最新版本。 - FramerHub 上的资源支持 Framer 所有版本吗？
大部分资源支持最新版 Framer。旧版本可能不兼容，建议保持 Framer 为最新版本。 - 如果遇到问题怎么办？
每个资源详情页都有作者联系方式或评论区，你可以直接向作者提问，通常回复比较及时。
