指引代码方向的图表。

Skitze 是一款快速、简洁的绘图编辑器，专为工程师和软件架构师打造。直接在浏览器中，几分钟就能画好流程图和 UML 图——无需插件，也不必在臃肿的图形库里翻找。

免费开始 看看如何使用
01 · UML 组件图

展示各部分如何组合

一目了然地为组件、接口和依赖关系建模。将组件归入子系统，展示大型系统如何拆分，以及哪些部分可以独立修改、扩展或替换。

使用 Skitze 绘制的 UML 组件图：Order Processing 子系统（包含 Order Processing 和 Order Validation 组件）通过 Shipping Scheduling 连接到 Shipping 子系统，并通过 Inventory Check 连接到 Inventory 子系统。点击查看完整分辨率。
使用 Skitze 绘制的 UML 类图：Customer 下 Order；每个 Order 有一个 OrderStatus 枚举，通过关联类 OrderItem 聚合 Item，并由实现 PaymentAuthorization 接口的 Payment 支付，CreditCard 和 Check 是支付方式子类。点击查看完整分辨率。
02 · UML 类图

梳理你的数据模型

描绘领域的结构：每个类包含什么、做什么，以及它与其他部分如何关联。既可以在写代码之前就设计达成共识，也可以用来梳理已有的代码。

03 · UML 时序图

梳理你的业务逻辑

跟随业务流程在各服务之间流转，从第一个请求到最终响应。循环、分支和可选步骤让规则清晰可见，而不是埋没在代码里。

使用 Skitze 绘制的 UML 时序图：Customer 向 Order Srvc 下单，Order Srvc 循环遍历每个商品，向 Inventory Srvc 检查库存，然后通过 Shipping Srvc 和 Messaging Srvc 安排并确认发货，或通知失败。点击查看完整分辨率。
使用 Skitze 绘制的订单处理流程图：从 Start 到 Read Order Details，再到 Validate Order，然后在 Valid? 判断处，Yes 分支经过 Ship Order 和 Generate Confirmation 到达 Complete，No 分支到达 Reject。点击查看完整分辨率。
04 · 流程图

理清逻辑

用流程图为算法和过程式逻辑建模，并向非程序员讲解。它同样适用于业务和运营流程、决策树以及简单的线性流程。

05 · 后续计划

更多图表类型即将推出

流程图以及 UML 组件图、类图和时序图现已上线。以下是接下来的计划。

即将推出

实体关系图

为你的数据库模式绘制表、键和关系，并与你实际的查询方式保持一致。

即将推出

图表链接

将图表相互连接——从一个组件直接点击进入它的时序图。

准备好开始绘图了吗？

免费开始，无需安装。画出团队的流程图和 UML 图，看看 Skitze 能帮你走多远。

免费开始