diff --git a/doc/README.md b/doc/README.md
index 6931631ca0..ffd18c7e54 100644
--- a/doc/README.md
+++ b/doc/README.md
@@ -24,6 +24,7 @@
 
 [Patching](patching.md)
 
+[Creating a pixel perfect UI](pixel-perfection.md)
 
 ## Testing
 
diff --git a/doc/images/pixel-perfection/layer-width.png b/doc/images/pixel-perfection/layer-width.png
new file mode 100644
index 0000000000..bebba1e273
Binary files /dev/null and b/doc/images/pixel-perfection/layer-width.png differ
diff --git a/doc/pixel-perfection.md b/doc/pixel-perfection.md
new file mode 100644
index 0000000000..1199d92e93
--- /dev/null
+++ b/doc/pixel-perfection.md
@@ -0,0 +1,17 @@
+# Pixel Perfection
+The Status Mobile team aims to align the design implementation perfectly according to a given screens respective Figma design spec.
+
+Currently the Figma Designs match up with an "iPhone 11 Pro" screen size. 
+
+To test your implementation is correct you can take the following steps
+
+- Open a new Figma file so that you have write privileges. 
+- Copy in the component or screen from the Figma file.
+
+- Using the "iPhone 11 Pro" simulator (it is the default now) you take a screenshot of your component and paste it into your Figma file.
+
+- To get the right size, set your screenshot to width 375px
+
+![](images/pixel-perfection/layer-width.png)
+
+- Lower the opacity so you can see it sitting on top of the Figma mock ups.