diff --git a/README.md b/README.md
index 4778164..00d926c 100644
--- a/README.md
+++ b/README.md
@@ -38,3 +38,30 @@ The following dataset will be used:
 https://github.com/smogon/pokemon-showdown/tree/master
 
 This choice has been made because the dataset in question is made in a format which is a lot more appropriate for our needs, compared to the alternative PokeAPI. It also helps keeping mechanic-changes like the type chart in consideration.
+
+# Figma prototype
+
+The initial user interface was designed and prototyped in Figma.
+
+## Desktop
+
+### Search
+
+![Desktop search](docs/images/desktop_search.png)
+
+### Ability
+
+![Desktop ability](docs/images/desktop_ability.png)
+
+## Mobile
+
+<img src="docs/images/phone_view.png" width="250">
+
+# Architecture
+
+The overall system architecture is shown below.
+
+![System architecture](docs/images/architecture.svg)
+
+For a more detailed explanation of the architecture, see
+[Architecture documentation](docs/architecture.md).
diff --git a/docs/images/desktop_ability.png b/docs/images/desktop_ability.png
new file mode 100644
index 0000000..a2a63d1
Binary files /dev/null and b/docs/images/desktop_ability.png differ
diff --git a/docs/images/desktop_search.png b/docs/images/desktop_search.png
new file mode 100644
index 0000000..89b607a
Binary files /dev/null and b/docs/images/desktop_search.png differ
diff --git a/docs/images/phone_view.png b/docs/images/phone_view.png
new file mode 100644
index 0000000..66c0506
Binary files /dev/null and b/docs/images/phone_view.png differ