diff --git a/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx b/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx
index 23a6b777b916d..7255465c5e473 100644
--- a/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx
+++ b/docs/docs/creating-charts-dashboards/creating-your-first-dashboard.mdx
@@ -31,28 +31,30 @@ to query and visualize data from it. If you're using Superset locally via
skip this step because a Postgres database, named **examples**, is included and
pre-configured in Superset for you.
-Under the **Data** menu, select the _Databases_ option:
+Under the **+** menu in the top right, select Data, and then the _Connect Database_ option:
-{" "}
+{" "}
-Next, click the green **+ Database** button in the top right corner:
+Then select your database type in the resulting modal:
-{" "}
+{" "}
-You can configure a number of advanced options in this window, but for this walkthrough you only
-need to specify two things (the database name and SQLAlchemy URI):
+Once you've selected a database, you can configure a number of advanced options in this window,
+or for the purposes of this this walkthrough, you can click the link below all these fields:
-
+{" "}
-As noted in the text below
-the URI, you should refer to the SQLAlchemy documentation on
+Once you've clicked that link you only need to specify two things (the database name and SQLAlchemy URI):
+
+
+{" "}
+
+As noted in the text below the form, you should refer to the SQLAlchemy documentation on
[creating new connection URIs](https://docs.sqlalchemy.org/en/12/core/engines.html#database-urls)
for your target database.
Click the **Test Connection** button to confirm things work end to end. If the connection looks good, save the configuration
-by clicking the **Add** button in the bottom right corner of the modal window:
-
-
+by clicking the **Connect** button in the bottom right corner of the modal window:
Congratulations, you've just added a new data source in Superset!
diff --git a/docs/static/img/tutorial/tutorial_01_add_database_connection.png b/docs/static/img/tutorial/tutorial_01_add_database_connection.png
new file mode 100644
index 0000000000000..3327ab4b978b8
Binary files /dev/null and b/docs/static/img/tutorial/tutorial_01_add_database_connection.png differ
diff --git a/docs/static/img/tutorial/tutorial_01_sources_database.png b/docs/static/img/tutorial/tutorial_01_sources_database.png
deleted file mode 100644
index 33cbfcaa61a45..0000000000000
Binary files a/docs/static/img/tutorial/tutorial_01_sources_database.png and /dev/null differ
diff --git a/docs/static/img/tutorial/tutorial_02_add_database.png b/docs/static/img/tutorial/tutorial_02_add_database.png
deleted file mode 100644
index 1a1ce19af58a6..0000000000000
Binary files a/docs/static/img/tutorial/tutorial_02_add_database.png and /dev/null differ
diff --git a/docs/static/img/tutorial/tutorial_02_select_database.png b/docs/static/img/tutorial/tutorial_02_select_database.png
new file mode 100644
index 0000000000000..d6bc9f9a55a02
Binary files /dev/null and b/docs/static/img/tutorial/tutorial_02_select_database.png differ
diff --git a/docs/static/img/tutorial/tutorial_03_database_name.png b/docs/static/img/tutorial/tutorial_03_database_name.png
deleted file mode 100644
index 40ead2c66e034..0000000000000
Binary files a/docs/static/img/tutorial/tutorial_03_database_name.png and /dev/null differ
diff --git a/docs/static/img/tutorial/tutorial_03a_database_connection_string_link.png b/docs/static/img/tutorial/tutorial_03a_database_connection_string_link.png
new file mode 100644
index 0000000000000..c4cadc6cd61b1
Binary files /dev/null and b/docs/static/img/tutorial/tutorial_03a_database_connection_string_link.png differ
diff --git a/docs/static/img/tutorial/tutorial_03b_connection_string_details.png b/docs/static/img/tutorial/tutorial_03b_connection_string_details.png
new file mode 100644
index 0000000000000..8d497cdcc74a5
Binary files /dev/null and b/docs/static/img/tutorial/tutorial_03b_connection_string_details.png differ