A step-by-step checklist to compare the build with the design. It helps you give developers clear notes.
Most false alarms come from comparing at the wrong size or with the wrong content.
Overlay the design on the page, then measure anything that looks off.
Read the real values from the element, not from a screenshot.
Check every state the design defines, and the ones it forgot.
Designs often show desktop and phone. The build has to work in between.
Good design QA ends with a short list developers can finish, and a clear yes.
Design QA checks that the build matches the design before release. It covers layout, spacing, type, colour and states at every screen size.
Usually the designer reviews and the developer fixes, but anyone who knows the design can run this checklist.
Put your design over the live page, or show them side by side. Measure spacing, read fonts and colours, and pin each difference.