产品详情
在当今复杂的开发环境中，理解和优化组件使用对于前端团队至关重要。Omlet通过可视化和分析代码库中的组件使用情况，帮助开发者减少技术债务，提升设计系统的价值。这不仅能够简化代码管理，还能推动设计系统的有效应用。
工作原理
Omlet的核心功能是帮助团队深入理解和管理代码库中的组件使用情况。这一过程包括以下几个方面：
- 组件使用分析：提供数据分析和可视化，帮助用户识别组件在代码中的用法。
- 设计系统仪表盘：跟踪项目中设计系统的采用情况，识别需要改进的领域。
- 便捷的集成：与VS Code完美结合，用户可以直接在开发环境中查看组件使用情况。
- 源代码的安全性：Omlet不会收集或上传用户的代码，仅收集与组件相关的元数据，确保您的代码安全。
- 自定义功能：提供灵活的仪表盘和功能配置，满足团队不同的需要。
- 支持多种框架：当前支持React和React Native，未来将推出对Angular和Vue.js的支持。
使用方法
使用Omlet非常简单，以下是基本的使用步骤：
- 安装Omlet扩展：在VS Code中搜索并安装Omlet扩展。
- 启动Omlet：安装完成后，启动Omlet，连接到您的设计系统和代码库。
- 合理配置：根据团队需要配置仪表盘和数据检索选项。
- 浏览组件：在编辑器中，可以看到组件的使用情况和相关信息，随时获取洞察。
- 分析数据：使用Omlet仪表盘分析项目中设计系统的采用情况。
- 持续优化：根据分析结果调整组件库，推动设计系统的进一步应用和优化。
团队设计系统监控
通过Omlet，团队能够实时监控和分析设计系统的建设情况，确保设计规范在项目中的有效应用。
组件使用情况审查
使用Omlet进行组件的使用情况审查，帮助团队识别潜在的技术债务，提前采取优化措施。
提高组件库使用率
Omlet提供的数据分析用户可以更好地理解组件库的使用情况，从而推动组件使用率的提升。
技术债务管理
通过分析代码中的技术债务，团队可以优化代码结构，增强产品的长期维护性。
设计文化提升
帮助跨职能团队共同理解和使用设计系统，以增强设计文化和团队协作。
用户研究与反馈
利用Omlet收集用户对组件使用的反馈，优化设计与用户体验。
主要特性
- 组件使用分析: Omlet实时跟踪代码库中的组件使用情况，让用户随时了解各组件的应用情况。
- 设计系统仪表盘: 用户可以通过仪表盘监控设计系统的采用情况，便于发现和解决问题。
- VS Code集成: Omlet能够无缝集成到VS Code中，开发者可以在编写代码时实时看到所需的组件信息。
- 代码安全性: Omlet仅收集与组件相关的元数据，确保用户代码的私密性和安全性。
- 多框架支持: Omlet当前支持React和React Native，未来将扩展对Angular和Vue.js的支持。
- 个性化配置: 用户可以对仪表盘和功能进行个性化配置，以满足团队的具体需求。
免费 (无周期限制): 免费
- 1名用户
- 每30天4次扫描
- 2个标签
- 30天扫描保留
- 最多1000个组件
- 基本props和组件使用
初级 (每年计费): 每月$169
- 2名用户
- 无限扫描
- 2个标签
- 90天扫描保留
- 包含1000个组件
- 附加组件：每月每1000个$100
- 基本props和组件使用
高级 (无): 自定义定价
- 无限用户
- 无限扫描
- 无限标签
- 无限扫描保留
- 包含2000个组件
- 附加组件：每月每1000个$200
- 高级props和组件使用
- 自定义属性
- 自定义仪表盘
常见问题
- Omlet如何帮助团队识别组件使用情况？
Omlet提供详尽的组件使用数据分析，帮助团队在代码编写过程中实时了解组件的使用情况。
- 使用Omlet的仪表盘需要多长时间？
搭建Omlet仪表盘只需不到五分钟，快捷的设置可以让您迅速进入分析和监控阶段。
- Omlet是否支持其他开发框架？
目前Omlet支持React和React Native，未来将扩展到Angular和Vue.js，满足更多开发者需求。
- 如何保证使用Omlet的代码安全？
Omlet保证仅收集与组件相关的元数据，不会收集、存储或上传用户的源代码，用户可安心使用。
- Omlet的自由计划有哪些限制？
免费计划支持1名用户，每30天可进行4次扫描，并可监控最多1000个组件。
- 如何获取Omlet的演示？
您可以通过访问Omlet的官方网站，预约一对一的演示，体验它的强大功能。
- Omlet支持多用户协作吗？
是的，Omlet的计划支持多个用户协作，尤其是初级和高级计划，允许无限用户使用。
- 如何添加额外的组件分析？
在初级和高级计划中，您可以根据需求按每1000个组件进行付费添加分析。
