Я использую 2 варианта:

1) Делаю отдельно самостоятельные адаптивные версии (фреймы с шириной определенного разрешения).

Определенное разрешение здесь — это точка слома, те то разрешение при котором больший фрейм уже не может корректно сжиматься. Эти фреймы-адаптивы проектируются как ну почиии самостоятельные единицы и их может быть столько, сколько нужно (сколько точек слома получается). Обычно это сверхширокое разрешение, десктоп, ноут (переход между десктопом и планшетом), планшет и мобилка.

Этот метод использую на сложных выпендрежных дизайнах. Адаптивы рисую как самостоятельные единицы, иногда даже изменяю интерфейс и реже контент.

2) проектирую резиновый (тянущийся адаптив).

Макет десктопа сайта изначально делаю через автолейаут, тк он по логике максимально приближен к контейнеру в коде. Его настраиваю так, чтобы он корректно сжимался. Даю гайд как его настройки меняются при уменьшении ширины экрана (по сути, гайд это те же макеты адаптивов, только отрисовываются гораздо быстрее и проще, да и верстальщику так понятней будет).

Этот метод быстрый, но годится для простого дизайна — например для лендингов или вроде того.