️ 架构图表工具
专为建模软件和系统架构而构建的工具。这些工具通常支持C4、UML或云组件等形式抽象,并有助于在团队之间清晰地传达设计。
- https://excalidraw.com – 带有手绘风格图表的虚拟白板,可用于协作绘图。✏️(这是我现在最喜欢的!)
- https://lucidchart.com实时协作,丰富的模板。(过去经常使用!)
- https://www.omnigroup.com/omnigraffle – 用于精确技术图表的 macOS/iOS 应用程序。(最佳 Mac 应用程序)
- http://drawio.com – 开源、广泛的形状库、离线支持。(紧随其后)
- https://plantuml.com – 基于文本的 UML 图,非常适合版本控制。
- https://structurizr.com – 从代码/DSL 生成的 C4 模型图。
- https://c4model.com – 结构化软件架构可视化规范。
- https://likec4.dev – 为使用 C4 图表的 Kotlin 用户提供 DSL。
- https://ilograph.com – 展示复杂交互的叙述式图表。
- https://icepanel.io – 协作 C4 模型图,版本控制。(听说过好消息)
- https://d2lang.com – 现代、干净的图表即代码语言。
- https://miro.com – 具有各种模板的基于云的协作白板。
- https://tldraw.dev – 极简主义、开源协作图表工具。(Eng 的最爱)
- https://www.archimatetool.com – 开源 ArchiMate 建模工具。
- https://www.eventcatalog.dev – 记录和可视化事件驱动架构。
- https://todiagram.com – 将任何 JSON、YAML、XML 或 CSV 可视化为交互式图表,可用于文档或数据编辑。
图表作为代码工具
基于文本的工具将代码转换为图表 - 非常适合版本控制、自动化以及保持视觉效果与基础设施或架构定义同步。
- https://eraser.io – 可视化编辑与图表代码相结合。(希望再试一次)
- https://mermaid.js.org – 受 Markdown 启发的各种图表语法。(AI 最喜欢的工具)
- https://diagrams.mingrammer.com – 基于 Python,支持多家云提供商。
- https://github.com/pistazie/cdk-dia – 来自 AWS CDK 元数据的图表。
- https://github.com/mhlabs/cfn-diagram – 可视化 AWS CloudFormation/SAM 模板。
- https://github.com/cycloidio/inframap – Terraform 状态/HCL 可视化。
- https://grucloud.com – 具有内置图表生成的 JavaScript IaC。
- https://github.com/awslabs/aws-icons-for-plantuml – PlantUML 图表的 AWS 图标。
- https://www.pluralith.com – 通过架构感知渲染实现 Terraform 规划的可视化。
- https://graphviz.org/ – 经典、灵活的工具,用于从简单的基于文本的描述(DOT 语言)生成图表。
可视化图表工具
灵活的通用工具,可用于绘制草图、白板或创建说明性图表。非常适合早期构思、研讨会或以视觉方式传达高级概念(AWS 密集型)。
- https://lucidscale.com/product/aws – 云原生 AWS 架构可视化。
- https://creately.com – AWS 模板,协作编辑。
- https://www.gliffy.com – 与 Atlassian Confluence 集成。
- https://cacoo.com/features – 实时协作、AWS 架构导入。
- https://www.cloudcraft.co – 3D AWS 架构图,实时云同步。
- https://docs.fugue.co/visualization.html – 云安全可视化。
- https://www.cloudockit.com – 针对 AWS、Azure、GCP 的自动文档/图表。
- https://app.cloudviz.io – 集成 CloudFormation 的 AWS 图表生成器。
人工智能增强图表
一波新工具正在涌现,它们可以直接通过自然语言提示生成图表。虽然还处于早期阶段,但将想法瞬间转化为视觉效果的潜力正在成为现实。
- ChatGPT Canvas和Claude Artifacts现在可以根据提示生成和渲染Mermaid图表,您可以在https://mermaid.js.org上预览和渲染
- Google AI Studio (截至上周)也支持画布输出——将此功能推向主流。
- https://app.eraser.io/正在积极探索基于提示的架构草图,尽管它仍处于早期阶段。
- https://excalidraw.com/最近添加了文本到图表:它使用 Mermaid 作为中间步骤,因此您可以通过在提示中描述流程、图表或工作流程来获得最佳结果。