diff --git a/design/vela-core/rollout-design.md b/design/vela-core/rollout-design.md
index 7cec44286..f4ba8bb2f 100644
--- a/design/vela-core/rollout-design.md
+++ b/design/vela-core/rollout-design.md
@@ -291,6 +291,10 @@ the following fields:
      - fetch the current traffic split
 
 ## State Transition
+Here is the state transition graph
+
+![](../../docs/resources/approllout-status-transition.jpg)
+
 Here are the various top-level states of the rollout 
 ```go
 	// Verifying verifies that the rollout setting is valid and the controller can locate both the
diff --git a/docs/resources/approllout-status-transition.jpg b/docs/resources/approllout-status-transition.jpg
new file mode 100644
index 000000000..ba2756880
Binary files /dev/null and b/docs/resources/approllout-status-transition.jpg differ