组件库
获取适用于 Webflow 和 Bubble.io 的免费与付费 UI 组件，并按便于在项目间快速复用的方式组织。
Framify
认领Framify 是适用于 Bubble.io 和 Webflow 的工具包与组件库，帮助你复用组件、转换 Figma 设计并生成辅助资源，另有免费 Starter 方案与付费 Scale 方案。
概述
Framify 是适用于 Bubble.io 和 Webflow 项目的工具包与组件库。它结合了浏览器扩展、UI kit 市集和工作流工具，帮助用户复制组件、转换设计、生成辅助资源，并整理可复用元素。
该产品面向希望更快完成网站和应用界面搭建、而不必从零拼装每个部分的人群。其页面重点展示了组件复用、Figma 转 Bubble 转换、AI 网站构建器、配色生成、占位符以及选项集自动化。
核心功能
Figma 转 Bubble 转换
将 Figma 设计转换为适用于 Bubble.io 的组件，并支持响应式设计导出。
复制、粘贴与复用
在项目之间复制组件，并保存可复用元素以便日后使用，从而减少重复构建工作。
配色生成器
在实际组件上生成、定制和预览配色方案，然后复制颜色代码或将配色保存以供后续使用。
动态占位符生成器
创建不同宽高比的图像占位符，并可从精选素材图片库获取它们，用于原型设计。
选项集工具
通过 CSV 上传批量导入和管理大型选项集，并支持批量编辑以及 AI 辅助生成或更新。
常见使用场景
网站和应用页面搭建
从预设计组件开始，并复用区块而不是手动创建每个元素，从而更快构建 Bubble.io 或 Webflow 页面。
设计交付到 Bubble
将 Figma 作品转换为适用于 Bubble 的组件，然后通过响应式导出和组件替换进一步完善结果。
选项集管理
在 Bubble 项目中处理结构化数据时，生成或更新选项集、导入 CSV 数据，并批量编辑条目。
原型设计与设计准备
在需要为原型或早期布局准备设计系统元素时，创建配色方案、占位符和其他辅助资源。
跨项目复用
保存可复用元素、将其复制到其他项目，并在维护多个项目时共享选定组件。
Pros and Cons
Pros
- 将多种设计和构建工具整合在一个产品界面中。
- 同时支持 Bubble.io 和 Webflow 工作流。
- 包含可复制和保存的可复用组件，能够减少重复工作。
- 提供配色方案、占位符和选项集自动化等实用工具。
- 提供免费的 Starter 方案以及付费的 Scale 方案。
Cons
- 源信息未显示详细的设置要求，也未提供除 Bubble.io、Webflow 和 Figma 之外的完整支持集成列表。
- FAQ 页面列出了一些在所提供文本中没有答案的问题，因此从现有来源来看，部分产品细节仍不清楚。
FAQ
什么是 Framify？
Framify 是一款浏览器扩展和工具包，为 Webflow 和 Bubble.io 项目提供组件库、模板和相关设计工具。
Framify 是否提供免费和付费方案？
网站显示有免费的 Starter 方案和按年计费的付费 Scale 方案。Starter 方案包含免费组件、组件复制和粘贴、200 个 Figma 转 Bubble 额度，以及基础的选项集自动化；Scale 方案增加了高级组件、无限次 Figma 转 Bubble 使用、基于 AI 的选项集工具、组织功能，以及颜色和占位符生成器。
Framify 有面向团队的方案吗？
FAQ 页面包含一个关于团队的问题，但所提供的源文本未显示详细的团队方案或团队专属功能列表。
Framify 支持哪些工作流？
Framify 包含用于复制和保存组件、将 Figma 设计转换为 Bubble 可用组件、生成配色方案、创建占位符、导入选项集，以及使用适用于 Bubble.io 和 Webflow 的 AI 网站构建器等工具。
Quick Facts
- 类别
- UI kit 市集与工具包
- 主要平台
- Bubble.io 和 Webflow
- 相关工具
- Figma 转 Bubble 转换、AI 网站构建器、配色生成器、占位符生成器
- 价格 संकेत
- 免费 Starter 方案与付费 Scale 方案
- 来源域名
- framify.io