Stately logo

Stately

Freemium
访问

用状态机、状态图和 actors 构建应用与业务逻辑的可视化建模平台

什么是 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

Stately 流量分析

流量数据仅供参考。

月访问量
45.1K
全球排名
#670,809
用户跳出率
39.5%
平均访问时长
02:55
每次访问页数
2.69
域名评分
63

流量趋势

流量来源

直接访问33.5%
搜索23.1%
search organic22.3%
search paid0.8%
社交7.2%
social organic6.8%

主要访问地区

英国38.1%
巴西7.8%
美国7.2%
波兰4.9%
印度3.5%