# Stately 用状态机、状态图和 actors 构建应用与业务逻辑的可视化建模平台 - Findings24: - 网站: - 价格: Freemium - 分类: AI开发者工具 ## 什么是 Stately？ Stately 是一款可视化软件建模平台，可将应用和业务逻辑构建为状态机、状态图和 actor。该产品将拖放式编辑器与 XState 结合，使团队能够以可视化方式设计逻辑，并在代码中运行它。 该网站将 Stately 定位为跨设计、开发、测试和文档的逻辑统一事实来源。用户可以无代码创建流程，对其进行模拟，生成代码或 React 应用，并随着时间推移保持图表与实现一致。 ## Stately 能做什么？ ### 用于共享逻辑建模的可视化编辑器 使用拖放式编辑器构建逻辑，将代码、图表、文档和测试生成整合到一个工作区中。 ### 模拟模式 在编辑器中直接模拟状态机，包括触发的事件、事件日志，以及当机器没有错误时对无事件和延迟事件的自动处理。 ### 代码和文档导出 将状态机导出为 JavaScript、TypeScript、JSON、Mermaid、Markdown 或 Stories，并发送项目到 CodeSandbox 或 StackBlitz。 ### AI 辅助生成 使用 AI 生成状态机、React UI 和代码，不同定价层级会定义不同的生成额度。 ### 版本控制与代码库同步 通过版本控制保留工作历史，在更高层级中共享私有或未列出项目，并连接 GitHub Sync 以保持与代码库一致。 ### 开发者集成 将 Stately 与 JavaScript 和 TypeScript 应用中的 XState 一起使用，并支持 React、Vue、Svelte，以及用于编辑器工作流的 VS Code 扩展。 ## 使用场景 ### 原型设计应用和工作流逻辑 无需代码创建流程，然后通过模拟检查状态变化，并在实现前进行迭代。 ### 团队评审和需求收集 使用可视化编辑器让产品、设计和工程团队就行为应如何工作达成一致，然后将图表作为统一事实来源共享。 ### AI 辅助脚手架和代码交接 根据图表生成状态机、React 应用和代码，以加快移交到开发工作的速度。 ### 文档和规范导出 将图表和机器定义导出为 JavaScript、TypeScript、Mermaid、Markdown 或 Stories 等格式，用于文档和交付。 ### 在现有代码库中持续实施 通过 XState、GitHub Sync 以及对 React、Vue、Svelte 和其他 JavaScript 应用的框架支持，将模型连接到代码库。 ## 常见问题 ### Stately Studio 有什么用途？ Stately Studio 是一款可视化软件建模平台，用于将应用和业务逻辑构建为状态机、状态图和 actor。文档将其描述为与 XState 配合使用的可视化编辑器，但如果你想先学习这些概念，也可以不使用 XState。 ### Stately Studio 包含哪些功能？ 源页面显示了拖放式可视化编辑器、模拟模式、代码导出、版本历史、AI 生成、GitHub Sync、Figma 嵌入以及 VS Code 扩展。它还支持 React 应用生成和测试生成。 ### Stately 有免费和付费方案吗？ 定价页面列出了面向公开项目的免费 Community 方案、面向私有和未列出项目的 Professional 方案、面向团队共享项目的 Team 方案，以及提供自定义选项的 Enterprise 方案。它还提供咨询和工作坊的服务联系渠道。 ### 我可以从 Stately 导出什么？ 导出文档说明你可以将机器代码导出为 JSON、JavaScript、TypeScript、Mermaid、Markdown beta 和 Stories beta，也可以导出到 CodeSandbox 和 StackBlitz。某些导出格式和功能仅限高级方案。 ### 团队可以将 Stately 与现有代码库和工具一起使用吗？ 文档说明 Stately Studio 与 XState 搭配使用时最强大，但你也可以在不使用 Stately Studio 的情况下在代码库中使用 XState。首页称支持 React、Vue、Svelte 和其他框架的集成，文档中还提到了 VS Code 扩展。 ## 快速信息 - **类别**: 开发者工具 - **主要产品**: 可视化软件建模平台 - **核心模型**: 状态机、状态图和 actor - **主要用户**: 产品、设计和工程团队 - **平台**: Web 应用、XState 和 VS Code 扩展 - **源域名**: stately.ai