Как я перестал бояться адаптивов благодаря Framer 🔗
История о том, как я чуть не закопал ноутбук из-за муторной адаптации блоков сайта под мобилку.
Раньше адаптивы для меня были как квест:
→ Клиент пишет: «На айфоне кнопка наезжает на текст».
→ Я 40 минут двигаю элементы пиксель за пикселем для каждого блока.
→ Обновляю страницу → всё съехало обратно.
→ Повторяю до тех пор, пока не захочется выкинуть ноут в окно.
Но после открытия Framer я... обомлел 💀
Оказалось, адаптивы блоков можно делать за 60 секунд, если знать про стеки (те же привычные Auto-Layout из Figma).
Как это работает:
→ Группируем элементы в стек (stack) вертикально или горизонтально.
→ Настраиваем отступы (gap) между ними.
→ Переключаемся на мобильную версию → элементы сами встают как надо.
Выше в скринкасте я показал, как это работает. Время: 57 секунд на блок.
Почему это х10 раз быстрее, чем в Тильде:
1️⃣ Стек — ваш личный сортировщик:
• Элементы не разбегаются, даже если экран смартфона меньше экрана чайника.
• Хотите поменять порядок? Просто перетащите элемент → остальные подстроятся автоматически.
2️⃣ Стек — это как умный пластилин:
• Растягиваете контейнер → внутренние элементы адаптируются под размер.
• Добавили новый блок? Framer сам расставит отступы.
3️⃣ Копирование адаптивов:
• Сделали идеальный стек для карточек → скопировали его настройки в другой блок.
• Никаких «ой, здесь padding другой» — в Framer всё сохраняется.
Хотите, чтобы клиенты перестали писать «Почему на телефоне всё съехало?». Начните создавать сайты в Framer.
Прежде чем открыть новое обучение, я предоставлю доступ к демо-версии проекта, чтобы вы почувствовали, что такое Framer "на своей шкуре".
Пишите «+» в комментариях, если хотите получить демо-доступ первыми 👇
[БЕСПЛАТНЫХ МЕСТ БУДЕТ ВСЕГО 15]
