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

Интерактивные Lottie на Tilda за пару минут! 🚀 Выкатываем решение для работы с Lottie-анимациями в Zero Block. Что теперь можно делать: 🔹 Анимация по скроллу: Привязывайте проигрывание Lottie к движению страницы. 🔹 Интерактив: Настраивайте реакцию на наведение, клик по кнопке (внешние триггеры) или следование за курсором. 🔹 Создание из видео/фото: Загружаете раскадровку или видео — получаете готовый JSON-файл для Тильды. 🔹 Связка с SBS: Анимация отлично дружит с пошаговыми настройками Zero Block (фиксация, перемещение). В видео показываем все возможности 📺 Смотреть YouTube 📺 Смотреть VK

Друзья, бегите тестировать 🏃

Соскучились по мастер-классам? 📣 Завтра, 08 апреля в 15:00 по мск я буду проводить прямой эфир для сообщества Web-коворкинг На эфире мы будем говорить об ускорении разработки сайтов на тильде, а именно подробно рассмотрим расширение «каскад», его фишки и возможности, также немного поговорим про нейросети. Ещё в рамках эфира я покажу вам возможности решения для создания и настройки Lottie-анимаций на тильде буквально в пару кликов, которое уже вот-вот будет доступно всем пользователям расширения Чтобы не пропустить уведомление о начале эфира – присоединяйтесь к сообществу. Но также я дополнительно продублирую ссылку у себя на канале. И да, запись эфира будет :)

Обновление генератора суперэллипса 🔄 ⚫️Добавил несколько новых типов углов и сторон ⚫️Для вкладки "Стороны" можно теперь настроить любую сторону или отключить ⚫️Появилась возможность настроить обводку ⚫️Настроенную фигуру можно скачать в SVG-формате ⚫️Добавил кнопки "Отменить" и "Применить" действие ⚫️Можно вставить скопированный код через кнопку "Импортировать конфиг" и продолжить настройку с теми же настройками Также записал для вас подробное видео, где показал как работать с этим решение с zero- и базовыми блоками. Смотреть видео: 🌐 Ютуб 📨 Рутуб 🌐 Вк Видео

Друзья, привет) Обновил немного конструктор mesh-градиентов для тильды: ⚫️Стало ещё больше разных эффектов для настройки ⚫️Добавил новые форматы экспорта (SVG, CSS, JS) ⚫️Теперь можно скачать настройки созданного градиента и потом загрузить их заново для повторного редактирования ⚫️Появился просмотр в полноэкранном режиме ⚫️Добавил кнопки "Отменить" и "Применить" действие ⚫️Появилась возможность дублировать точку с цветом и настройками ⚫️Добавил новые пресеты в библиотек Для вашего удобства я записал видео с разбором этого конструктора, где показал все его возможности Буду очень благодарен, если перейдёте на любую платформу и поставите лайк и оставите комментарий под видео 👍 Смотреть видео: 🌐 Ютуб 📨 Рутуб 🌐 Вк Видео

Всем привет! Немного про нейросети) В свободное время от работы экспериментирую с нейросетями и решил создать плагин для фигмы, в котором соберу все самые удобные фишки для создания изометрии, ну и плюс придумаю что-то своё, чтобы было по больше функционала и удобства ✨ Я уже отрисовал дизайн плагина и частично его собрал с помощью ИИ, 80% функционала уже работает, и по дизайну тоже примерно на 90% приблизился к макету. Когда весь функционал плагина будет работать так, как я это вижу – то буду уже вручную править все несоответствия) Вообще,сейчас есть много разных проектов, задач и идей, которые я хочу попробовать реализовать с помощью ИИ и часть из них уже в процессе, о чём буду потихоньку рассказывать вам. Возможно, уже все устали от нейросетей и шумихи вокруг каждой новой модели, но это суровая реальность, что сейчас можно очень сильно упростить и ускорить рабочие процессы, если использовать ИИ как помощника. А как вы используете нейросети в своих рабочих задачах и используете ли вообще?) Если есть какие-то проекты, которые вы реализовали с помощью ИИ – делитесь ссылками, будет интересно посмотреть и поддержать)

Хочется немного делиться процессом работы с вами 📣 Базовые блоки на тильде – это конечно круто и удобно, но мы тоже понимаем, что зеро-блок исключать нельзя и уже работаем в эту сторону и думаем над разными фишками На видео демонстрация работы гридов для зеро-блока, где в удобном редакторе за 1 минуту вы можете создать красивую бенто-сетку. Пока что всё это тестируется и дорабатывается, но уже можно посмотреть на функционал и понять на сколько это удобно и просто А что вы хотели бы еще из дополнительного функционала для зеро- и базовых блоков в нашем расширении? Делитесь своими идеями в комментариях, а те, что нам понравятся и мы реализуем, то авторы идей получат приятные бонусы 🎁

Такие делишки)))

Ну я не усну сегодня, если не поделюсь этим с вами ... Да, чуть всё пошло не по плану по расширению, но мы уже на 90% готовы к запуску, очень хочется всё докрутить до идеала, но сейчас не совсем об этом) Я пришёл вам показать кое-что очень мощное и интересное, а именно Lottie-анимации. Это на столько получилось крутое решение, что даже слов нет, я уверен, что вы оцените) На видео я демонстрирую как можно быстро и просто создать анимацию по скроллу, да-да, тут SBS-анимация с фиксацией + она проигрывается по скроллу + если не скролишь, то анимация тоже проигрывается в зацепленном режиме. Об этом можно было только мечтать раньше, а сейчас в пару кликов создаются такие штуки) Для Lottie-анимаций есть ещё плюшки, если внимательно посмотрите на вкладки в панели, то всё поймёте) Вот такие дела, друзья, обязательно подписывайтесь на канал расширения @cascadteam, чтобы не пропустить запуск😎

Генератор суперэллипса и других типов углов и стороны Друзья, выкатываю для вас новенький генератор, с помощью которого вы сможете добавить для любых элементов зеро- или базового блока разные виды для углов или сторон. Углы: Для углов есть 4 варианта, это всем известный суперэллипс, а также скошенный, вогнутый и врезанный угол. Можно задавать для каждого угла разные значение и настраивать анимацию при наведении. Стороны: Для сторон логика очень похожа, есть тип волна, зигзаг, шахматы и шероховатость. Также можно детально настроить каждую сторону отдельно и добавить анимацию при наведении. Процесс добавления такого эффекта очень простой, вы вписываете название классов, это может быть как класс карточки стандартного блока, так и класс элемента в зеро-блоке, настраиваете в конструкторе нужные углы, стороны и копируете код. От вас, по традиции, жду поддержки в виде огоньков на пост и если нравятся подобные решения 🔥 https://dsgnmax.ru/useful/squircle-and-other

Всем привет) Хочу немного поделиться с вами ближайшими планами на 2-3 месяца, а то если не поделюсь, то некоторые из планов могут растянуться на год точно😂 1. Уже совсем скоро запустим cascad (обязательно подписывайтесь @cascadteam), осталось буквально чуть-чуть, допиливаем последнием моменты и проходим модерацию 2. У меня почти готов обновленный конструктор суперэллипсов для зеро и базовых блоков и также там будут другие разные формы углов и сторон + анимация при наведении, думаю в феврале уже поделюсь с вами. 3. Очень надеюсь доделать экспорт видео для генератора mesh-градиентов, если еще не видели, то рекомендую посмотреть 4. Лежит пылиться код для анимации текста по SVG-пути , хочу сделать удобно, чтобы можно было добавить в зеро-блоке путь в виде картинки, написать нужный текст и там уже код все сделает сам 5. Ну и также балуюсь с различными эффектами для текста в зеро-блоке с помощью GSAP, хочется тоже собрать что-то удобное и функциональное, пока вот тестирую все эти штуки. Такие вот планы на ближайшее время, если есть у вас еще какие-то классные идеи по коду для тильды, то буду рад видеть их в комментариях под этим постом👍

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

Генератор анимированных mesh-градиентов В первую очередь конечно хочу всех вас поздравить с наступающим Новым годом, а во вторую – хочу сделать такой приятный вам подарок под конец года 🎁 Распишу коротко о том, что может такой генератор, а там уже я думаю сами потестируете и поймете где его применять. Из основных моментов – это конечно же генерация кода, который вы можете вставить в любой блок с кодом в тильде, а также есть возможность указать в панели слева класс блока (это может быть автолейаут в тильде или просто шейп) – и этот градиент добавиться на фон вашего блока с настроенной анимацией. Есть возможность сохранить градиент в форматах PNG, JPEG, WEBP, MP4(Позже) и также выгрузить сразу пак из 10 изображений, каждое изображение – уникальная позиция созданного вами градиента. Ну и конечно есть библиотека с готовыми градиентами, сейчас их 140+ штук, и также есть готовые анимации для них. Настроек для градиентов просто море, поэтому каждый для себя сможет создать что-то уникальное В целом, решение уже рабочее, можно создавать красоту, но уже в будущем году буду его дорабатывать и править мелкие баги) Ну и по традиции, буду очень благодарен вашим огонькам и репостам, так я вижу, что вам такие решения нравятся и это меня мотивирует придумывать что-то новое и делиться с вами🔥

Две новых модификации в магазине кастомных решений для тильды + новогодние скидки Из новинок: 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 по мск.

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

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

Ну что, друзья, как и обещал, устраиваю распродажу в "Коднутые" 🛍 Последняя возможность попасть в закрытый клуб с доступом навсегда ко всем модификациям, урокам, мастер-классам и чату, где вы всегда получите ответы на свои вопросы. Больше доступы к клубу я продавать не буду, но для всех участников – всё остаётся как было. Коднутые – это: ⚫️30+ подробных уроков ⚫️30+ готовых модификаций с подробным кодом ⚫️8 мастер-классов и доступ ко всем будущим мастер-классам, который я провожу на своём канале ⚫️мощный конструктор любых слайдеров в зеро-блоке (расскажу в клубе) ⚫️200+ участников уже в клубе ⚫️доступ к базовому курсу по CSS ⚫️доступ к клубу НАВСЕГДА ⚫️чат клуба – вы всегда там можете задать вопрос и просто пообщаться До 07.12 включительно вы можете приобрести доступ в закрытый клуб со скидкой в 4 000 рублей Промокод – NY2026 Здесь вы можете ознакомиться с информацией о клубе, посмотреть часть примеров модификаций и оплатить доступ через продамус: https://club.dsgnmax.ru/ А здесь вы можете оплатить доступ с помощью Сплит, Долями, СБП и в рассрочку: https://study.dsgnmax.ru/#club

Ох, друзья ... В апреле 2021 года я только познакомился с тильдой и начал там делать сайты, работая в студии. В то же время я узнал о существовании таких штук, как модификации, одними из первых был ANNEXX. Безусловно, это крутая команда и у них очень крутые решения, но сегодня я пишу этот пост не для похвалы ради, а чтобы рассказать о нашей синергии и нашем новом совместном продукте – CASCAD. Получилось так, что мы начали работать над очень похожими решениями одновременно и чтобы не создавать конкуренцию друг другу – мы объединились и сделали, как я считаю, очень достойный продукт, который должен поменять ваше восприятие работы с базовыми блоками тильды... и не только. Идей очень много, остаётся только воплощать их в жизнь. Про ход разработки части решений я уже писал на канале, можете почитать выше в постах, но про все новости и обновления расширения CASCAD вы узнаете на канале – @cascadteam , обязательно подписывайтесь, чтобы ничего не пропустить! Такие дела, друзья! Скажите мне в 2021 году, что в будущем мы вместе с annexx сделаем крутой совместный продукт – я бы не поверил)