Макс Щукин | Блог, дизайн, тильда

Хочу порекомендовать ещё одно очень классное решение для переноса макетов из Figma в Tilda

На данный момент расширение в бета-тесте и полностью бесплатное, так что самое время его потестировать

Если коротко, то:
⚫️Импорт одиночного артборда
⚫️Импорт адаптивов с автолейаутами
⚫️Импорт текстовых и цветовых стилей из фигме и дальнейшая их связка со стилями импортируемых объектов
⚫️Режим "буфера обмена", когда импортируешь не весь артборд, а выделяешь объекты, "копируешь" и вставляешь в тильду (не нужно делить сайт на блоки для импорта) .
⚫️Поддерживает все стили, эффекты, есть поддержка hover-состояний кнопок (подтягивает данные из Component Set)
⚫️Настройка сжатия и ретина-масштаба картинок (поддержка webP)
⚫️Из ближайших обновлений - обработка и импорт форм.

Очень рекомендую сперва посмотреть на сайте короткий ролик с основным функционалом ну и подписаться на канал расширения, чтобы быть в курсе всех новостей

💬 Если интересно моё мнение, то это очень мощный продукт с огромным функционалом, наверное самый объемный по возможностям.
Что мне нравится больше всего, так это перенос адаптивов со всеми автолейаутами, привязка и импорт стилей (сейчас активно их использую в тильде), поддержка hover-эффектов для кнопок и возможность использовать буфер обмена

Генератор анимированных mesh-градиентов

В первую очередь конечно хочу всех вас поздравить с наступающим Новым годом, а во вторую – хочу сделать такой приятный вам подарок под конец года 🎁

Распишу коротко о том, что может такой генератор, а там уже я думаю сами потестируете и поймете где его применять.

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

Есть возможность сохранить градиент в форматах PNG, JPEG, WEBP, MP4(Позже) и также выгрузить сразу пак из 10 изображений, каждое изображение – уникальная позиция созданного вами градиента.

Ну и конечно есть библиотека с готовыми градиентами, сейчас их 140+ штук, и также есть готовые анимации для них.
Настроек для градиентов просто море, поэтому каждый для себя сможет создать что-то уникальное

В целом, решение уже рабочее, можно создавать красоту, но уже в будущем году буду его дорабатывать и править мелкие баги)


Ну и по традиции, буду очень благодарен вашим огонькам и репостам, так я вижу, что вам такие решения нравятся и это меня мотивирует придумывать что-то новое и делиться с вами🔥


Тут можно посмотреть

Channel photo updated

Две новых модификации в магазине кастомных решений для тильды + новогодние скидки


Из новинок:

1. Динамическое название товара
Теперь значение варианта или доп.опции отображается в названии товара. Есть огромное количество настроек как по стилям, так и по условиям отображения
Смотреть демонстрацию

2. Подарки в корзине при добавлении определенных товаров
Теперь можно выводить в корзине группу подарков при условии, что пользователь добавил какие-то конкретные товары. При этом можно указывать целые разделы, и если из этих разделов будет добавлено необходимое количество товаров – то в корзине добавится созданная группа подарков. Множество настроек для внешнего вида и разных условий для добавления подарков
Смотреть демонстрацию


Но при этом, не стоит забывать, что есть еще очень крутые и максимально настраиваемые решения в магазине:
1. Умные бейджи
2. Дополнительные услуги в корзине
3. Виджет скидки от суммы
4. Виджет скидки от количества
5. Кастомный счётчик товаров


🛍Скидки 🛍
В магазине сейчас действуют скидки абсолютно на все решения.
Также, вы можете получить еще дополнительную скидку до 30%, которая работает от количества добавленных в корзину решений.
В общем, ну очень выгодно)

Скидка действует до 31 декабря.

ДЕД МОРОЗ СО СВОИМИ СНЕГУРОЧКАМИ РАЗДАЕТ ПОДАРКИ! 🤩

В преддверии Нового года, мы решили сделать классную коллабу: Макс, Таня, Вика 🤘

УЧАСТВУЙ В РОЗЫГРЫШЕ И ПОЛУЧАЙ ПОДАРКИ! 🎁

1 победитель: Место на интенсив "GURU E-Commerce" от Вики
2 победитель: 5 кастомных решений для ИМ от Макса
3 победитель: 2 модуля курса по SEO от Тани

Условия участия просты:
✅ подписаться на PROmagazin
✅ подписаться на Design by Max
✅ подписаться на Таня Цыбина curly web
✅ пригласить коллег в конкурс по рефералке - чем больше друзей, тем больше шансов на победу

Дождаться итогов розыгрыша 🤩
Победители будут выбраны с помощью бота рандомайзера прямо в этом посте автоматически 26.12.2025г в 19.00 по мск.

Что тут за подарочки новогодние подъехали 🎁

Не могу не поделиться примерами слайдеров, которые можно создать с помощью конструктора, который собрал эксклюзивно для закрытого клуба)

Покажу пока парочку вариантов, но если побольше по креативить, то можно создавать вообще любые слайдеры.

Мне понравился формат с миниатюрами, можно очень гибко настраивать всё это дело, да и других настроек с головой хватает)

Вообще, я уже давно начал его собирать и только вот-вот зафиналю его, тысячу раз протестировал разные варианты и все равно еще в превью отслеживаю баги, но готовый код работает корректно на любых адаптивах)

Макс Щукин | Блог, дизайн, тильда pinned a photo

Ну что, друзья, как и обещал, устраиваю распродажу в "Коднутые" 🛍

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

Больше доступы к клубу я продавать не буду, но для всех участников – всё остаётся как было.

Коднутые – это:
⚫️30+ подробных уроков
⚫️30+ готовых модификаций с подробным кодом
⚫️8 мастер-классов и доступ ко всем будущим мастер-классам, который я провожу на своём канале
⚫️мощный конструктор любых слайдеров в зеро-блоке (расскажу в клубе)
⚫️200+ участников уже в клубе
⚫️доступ к базовому курсу по CSS
⚫️доступ к клубу НАВСЕГДА
⚫️чат клуба – вы всегда там можете задать вопрос и просто пообщаться


До 07.12 включительно вы можете приобрести доступ в закрытый клуб со скидкой в 4 000 рублей

Промокод – NY2026


Здесь вы можете ознакомиться с информацией о клубе, посмотреть часть примеров модификаций и оплатить доступ через продамус:
https://club.dsgnmax.ru/

А здесь вы можете оплатить доступ с помощью Сплит, Долями, СБП и в рассрочку:
https://study.dsgnmax.ru/#club

Макс Щукин | Блог, дизайн, тильда pinned a GIF

Ох, друзья ...

В апреле 2021 года я только познакомился с тильдой и начал там делать сайты, работая в студии. В то же время я узнал о существовании таких штук, как модификации, одними из первых был ANNEXX.

Безусловно, это крутая команда и у них очень крутые решения, но сегодня я пишу этот пост не для похвалы ради, а чтобы рассказать о нашей синергии и нашем новом совместном продукте – CASCAD.

Получилось так, что мы начали работать над очень похожими решениями одновременно и чтобы не создавать конкуренцию друг другу – мы объединились и сделали, как я считаю, очень достойный продукт, который должен поменять ваше восприятие работы с базовыми блоками тильды... и не только. Идей очень много, остаётся только воплощать их в жизнь.

Про ход разработки части решений я уже писал на канале, можете почитать выше в постах, но про все новости и обновления расширения CASCAD вы узнаете на канале – @cascadteam , обязательно подписывайтесь, чтобы ничего не пропустить!

Такие дела, друзья!
Скажите мне в 2021 году, что в будущем мы вместе с annexx сделаем крутой совместный продукт – я бы не поверил)

На предыдущий пост огоньки набрали, а я ничего новенького вам не показал, совсем заработался)

Вот показываю небольшую демонстрацию еще одного из решений, которое позволит вам создавать очень гибкие слайдеры практически из любых стандартных блоков буквально в пару кликов.

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

Для новичков также будут добавлены пресеты, там вообще в один клик создаётся слайдер со всеми адаптивами, а кто по опытнее – сможет покрутить разные настройки самостоятельно)

Вот такие дела! Как вам очередное решение для упрощения жизни дизайнерам на тильде?)

А вообще, уже совсем скоро будет анонс, где всё подробно будет рассказано про это расширение и не только)

🔗Тут можно посмотреть видео, чтобы из телеги не грузить)

Вы однако быстро набрали огоньки к предыдущему посту, ну а кто я такой, чтобы не показать ещё один пример работы с одним из решений)

Это всё тот же инструмент с сетками, но с другим подходом. Здесь мы не просто задаём колонки и карточки выстраиваются как нам нужно, здесь мы сами говорим каждому элементу где он должен находится и сколько занимать места.

Самый базовый пример на видео, это я немного поменял вид карточек добавленных товаров в корзине, за 2 минуты я докрутил стили и расположение всех элементов. А что можно собрать за 5 минут?)

Сейчас активно работаю над упрощением работы этих решений, чтобы это было максимально удобно и интуитивно понятно.

И есть конечно ещё очень много что вам рассказать и показать, но пока не могу, будет интригой до официального анонса, я думаю вы будете приятно удивлены, а может кто-то и не очень приятно 😄


Давайте снова также, набираем 100 🔥 – и я что-нибудь покажу ещё вам из моих наработок, либо какие-то классные примеры работ с этим расширением)

Работа над расширением кипит)

В этом посте показывал часть функционала по сеткам, сейчас хочу поделиться ещё кое каким функционалом ⚡️

Это пресеты – чтобы было максимально легко, в пару кликов любой стандартный блок делать гибким, подстраивать под любые разрешения, подгонять под зеро-блоки или делать резиновую вёрстку. При этом все адаптивы также будут уже готовы.

Будут пресеты как по умолчанию с уже готовыми сетками, так и пользовательские, туда вы сможете сохранять любые свои настройки для блоков.

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

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

Давайте так, собираем 100🔥 на этом посте и я покажу ещё один наглядный пример как можно будет использовать это решение, думаю вы будете приятно удивлены)

Макс Щукин | Блог, дизайн, тильда pinned a photo

Всем привет 🖐

Уже завтра стартует обучение по стилизации стандартных блоков на тильде, будет много уроков без воды, интересных домашек и крутых тестов.

По окончании 6 недель обучения – у вас будет доступ ко всем урокам в записи навсегда, это очень удобно, чтобы в любое время вернуться к повторению или прохождению материала


Что входит в курс:
⚫️5 модулей
⚫️45+ уроков
⚫️60+ домашних заданий
⚫️100+ тестов 🤯
⚫️удобный личный кабинет
⚫️чат потока
⚫️бонусы, скидки и розыгрыши
⚫️записи мастер-классов

Узнать подробнее о курсе и купить доступ:
https://study.dsgnmax.ru/main

Друзья, кому-то нужен промик для регистрации в продамусе за 1 рубль?

На почту пришло письмо, поэтому чтобы не пропадало добро, то первому, кто напишет коммент под постом, что нужен промик – отправлю в личку)

Неплохая такая экономия, я сам в своё время за 8К подключал сервис. И кстати, у кого уже подключен продамус, то тоже посмотрите почту, может и вам тоже прислали, поделитесь со своими коллегами)

UPD: Промик отдал