Намальований вигляд майбутньої сторінки до того, як її запрограмували.
Макет — це картинка сторінки, зроблена дизайнером у Figma або схожій програмі. За ним верстальник розуміє точні розміри, кольори й відступи.
Макет ще не працює: кнопки на ньому не натискаються, це зображення.
Верстальник відкриває макет, бачить, що заголовок 32px із відступом 24px, і повторює це в коді. Без макета кожен розмір довелося б вигадувати.
Макет і прототип — різне. Прототип сірий і про логіку, макет уже з кольорами й фінальним виглядом.