Как дизайнеру делать адаптивные сайты?

Макетов делается столько, сколько нужно в зависимости от каждого конкретного дизайна (дизайнера) и ТЗ.
Каждый дополнительный макет +/- разрешении создается в случае, когда элементы UI, сетка и т.п. выходит за рамки простого "растягивания" и таким образом поведение элементов на странице невозможно "предугадать" на этапе версте. Поэтому скорее всего fron-end разработчик создаст простые правила по которым ваш дизайна будет просто растягиваться в нужном диапазоне.
Поэтому например, если будущий сайт должен "хорошо смотреться" в диапазоне разрешений от 320 до 1920px и нет строгих требований к его адаптивности (прим. ниже 960px у нас сенсоры, и UI должен быть соответствующим), дизайнер в праве сам решать на каком разрешении понадобиться новый макет, когда кнопка 200x20px, превратится в 200x40px или когда исчезнут дополнительные иконки иллюстрирующие пункты меню и останутся только заголовки.

Думаю, что сущность веб-дизайнера с каждым днем все больше и больше склоняется к специалисту по интерфейсам. Т.е. дизайн веб сайта зачастую - это просто интерфейс, который уже лучше не рисовать в фотошопе, но использовать другие инструменты.

1. Узнаете размеры и поведение сетки, которую использует верстальщик. Например, какая на каком разрешении дисплея ширина одной колонки.
   
2. Делаете несколько соответствующих шаблонов в фотошопе, расставив направляющие и настроив сетку в фотошопе.
   
3. Разрабатывате дизайн, придерживаясь размеров сетки.