diff --git a/examples/uidesigner/README.md b/examples/uidesigner/README.md
new file mode 100644
index 0000000..ff16e80
--- /dev/null
+++ b/examples/uidesigner/README.md
@@ -0,0 +1,25 @@
+# miqt/examples/uidesigner
+
+This example shows how to use [Qt Designer](https://doc.qt.io/qt-5/qtdesigner-manual.html) and miqt-uic to design a UI.
+
+## 1. Design
+
+Use Qt Designer to build the UI and save as a `.ui` XML file.
+
+![](uidesigner.png)
+
+## 2. Compile
+
+Compile the `.ui` XML to Go code with the `miqt-uic` tool.
+
+```bash
+miqt-uic -InFile design.ui -OutFile design.go
+```
+
+Some advanced configuration for `miqt-uic` can be done with other command-line arguments. Run `miqt-uic -Help` for more information.
+
+## 3. Use
+
+Use the generated types.
+
+![](uidesigner.miqt.png)
diff --git a/examples/uidesigner/uidesigner.miqt.png b/examples/uidesigner/uidesigner.miqt.png
new file mode 100644
index 0000000..b11251b
Binary files /dev/null and b/examples/uidesigner/uidesigner.miqt.png differ
diff --git a/examples/uidesigner/uidesigner.png b/examples/uidesigner/uidesigner.png
new file mode 100644
index 0000000..ed154e5
Binary files /dev/null and b/examples/uidesigner/uidesigner.png differ