diff --git a/packages/noco-docs/content/en/developer-resources/api-tokens.md b/packages/noco-docs/content/en/developer-resources/api-tokens.md
index 245835ecf8..a9aa98dec4 100644
--- a/packages/noco-docs/content/en/developer-resources/api-tokens.md
+++ b/packages/noco-docs/content/en/developer-resources/api-tokens.md
@@ -11,6 +11,12 @@ menuTitle: 'API Tokens'
 NocoDB allows creating API tokens which allow it to be integrated seamlessly with 3rd party apps. 
 
 ### Creating API tokens
+![1](https://user-images.githubusercontent.com/5435402/133667793-c7ed065d-70f3-4b3f-bcf3-5f614a6aa759.png)
+![2](https://user-images.githubusercontent.com/5435402/133667808-153d42d7-965a-41e3-b8d3-3f7e144f121e.png)
+![3](https://user-images.githubusercontent.com/5435402/133667813-40f117a8-6171-490c-a4a3-2efc9adead31.png)
+![4](https://user-images.githubusercontent.com/5435402/133667816-e021d3e0-b4a7-48f2-a857-9459286d6e66.png)
+![5](https://user-images.githubusercontent.com/5435402/133667820-ba4fdd0b-c908-4902-b183-a12d7f21fd09.png)
+![6](https://user-images.githubusercontent.com/5435402/133667827-2977264f-f501-4cb5-b30e-27b150268d31.png)
 
 ### Using API Tokens
-Invoke NocoDB APIs with ```xc-token``` header
\ No newline at end of file
+Invoke NocoDB APIs with ```xc-token``` header