Как удобнее проставлять размеры, цвета в макетах дизайна сайта для программистов?
По фен-шую нужно делать стайлгайд. В нем должна быть наглядно показана типографика, цвета, стандартные размеры отступов (их обычно немного, можно для каждого написать, что вот этот для заголовков, вот этот для того-то, а вот этот по умолчанию) и компоненты интерфейса по отдельности (включая все их состояния). Как потом будут выглядеть сами макеты, будут ли они кривыми и косыми - не важно, они могут быть хоть от руки карандашом нарисованы, ибо их смысл в том, чтобы показать взаимное расположение компонентов, а вся остальная информация есть в стайлгайде. Такой подход может экономить кучу времени, избавляет дизайнера от необходимости рисовать макеты страниц с точностью до пикселя, а компонентная верстка становится очень приятным занятием. Разумеется, в интернете можно найти достаточно примеров по запросу ui style guide example.
Выше все верно сказали.
Гайдлайны. Только гайдлайны. /ну или стайлгайды, кому как нравится...
Не зря google material design и apple HUI guidelines есть.
недавно использовали один из них