Design Before You Build
Sketch your screens and write a one-page spec first, so your AI builder gets it right sooner.
About this course
Who this is for
You want to build an app with an AI builder like Lovable or Claude, and you have noticed that vague prompts get vague apps. You do not need any design training. If you can draw a box on paper, you can do everything in this course.
What you will do
You will define one user and the one job your app does for them, list the screens it needs, and sketch them on paper or generate them in UX Pilot. You will pick a simple style, write a one-page build spec, and hand the screens and spec to your AI builder one screen at a time. Then you will check what it built against your design and fix the gaps.
How it runs
Twelve short lessons in five modules. Some lessons have a short video; every one has written steps with prompts you can copy, and a two-question check-in. Finish every lesson and you get a certificate.
Have ready
- A laptop or desktop computer
- Paper and a pen or pencil (plain printer paper is fine)
- A phone camera to photograph your sketches
- A free UX Pilot account if you want to generate screens (optional)
- A free Lovable account, or access to Claude
- An app idea, even a rough one
What you'll be able to do
- Define one user and the one job your app does for them
- List every screen your app needs before you build any of them
- Sketch screens on paper or generate them in UX Pilot
- Pick a simple style with a few colors, fonts and spacing rules
- Write a one-page build spec an AI builder can follow
- Hand off screens to Lovable or Claude one at a time
- Check the result against your design and fix the differences