
Namma Component Docs by Prakash A K
producthunt.com
从真实Figma组件生成企业级文档
9天前制作者:Prakash A K
关于 Namma Component Docs by Prakash A K
Namma Component Docs 是一款专为设计系统团队打造的文档生成工具,它直接从真实的 Figma 组件中提取数据,无需任何模拟内容或假设,即可生成企业级的组件文档。无论是组件结构、视觉标注、设计令牌,还是 WCAG 2.2 无障碍报告、色彩兼容性分析,它都能自动完成。此外,它还支持开发者交接,并可将文档导出为 PDF、HTML、Markdown、JSON、CSV 和 YAML 等多种格式,满足不同团队的需求。
核心功能
- 真实数据驱动:直接从 Figma 组件读取数据,确保文档与实际设计完全一致,避免手动维护导致的偏差。
- 自动化文档生成:一键生成组件文档、解剖图、视觉标注、设计令牌等,大幅减少重复性工作。
- 无障碍与合规检查:自动生成 WCAG 2.2 无障碍报告和色彩兼容性分析,帮助团队确保设计符合标准。
- 开发者友好:提供开发者交接所需的所有信息,并支持导出为 JSON、CSV、YAML 等开发者常用格式。
- 多格式导出:支持 PDF、HTML、Markdown 等格式,方便在不同场景下使用和分享。
主要特性
- 真实 Figma 数据:无需模拟内容,所有文档基于实际组件生成,保证准确性。
- 全面的文档类型:涵盖组件文档、解剖、视觉标注、设计令牌、无障碍报告等。
- 灵活的导出选项:支持 PDF、HTML、Markdown、JSON、CSV、YAML,适配不同工作流。
- 设计系统规模化:专为可扩展的设计系统打造,确保组件文档的一致性和可维护性。
- 开发者交接优化:提供清晰的开发说明和代码友好格式,缩短设计与开发之间的沟通成本。
适用场景
- 设计系统团队:需要为大量组件生成统一、准确的文档,并持续同步更新。
- 前端开发者:希望获取真实的设计数据,减少手动转换和猜测,提升开发效率。
- 无障碍专家:需要快速检查组件的无障碍合规性,并生成报告。
- 产品经理:需要以多种格式(如 PDF、HTML)分享组件文档给非技术团队成员。