Макс Щукин | Блог, дизайн, тильда
3.56K subscribers
242 photos
48 videos
220 links
Веб-дизайн и разработка сайтов на тильде
Download Telegram
Media is too big
VIEW IN TELEGRAM
Всем привет! Немного про нейросети)

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

Я уже отрисовал дизайн плагина и частично его собрал с помощью ИИ, 80% функционала уже работает, и по дизайну тоже примерно на 90% приблизился к макету.
Когда весь функционал плагина будет работать так, как я это вижу – то буду уже вручную править все несоответствия)

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

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

А как вы используете нейросети в своих рабочих задачах и используете ли вообще?)
Если есть какие-то проекты, которые вы реализовали с помощью ИИ – делитесь ссылками, будет интересно посмотреть и поддержать)
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍34🔥336🤝2
Друзья, привет)

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


Для вашего удобства я записал видео с разбором этого конструктора, где показал все его возможности

Буду очень благодарен, если перейдёте на любую платформу и поставите лайк и оставите комментарий под видео 👍


Смотреть видео:
🌐 Ютуб
📨 Рутуб
🌐 Вк Видео
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥40👍1512🤝1
Обновление генератора суперэллипса 🔄

⚫️Добавил несколько новых типов углов и сторон
⚫️Для вкладки "Стороны" можно теперь настроить любую сторону или отключить
⚫️Появилась возможность настроить обводку
⚫️Настроенную фигуру можно скачать в SVG-формате
⚫️Добавил кнопки "Отменить" и "Применить" действие
⚫️Можно вставить скопированный код через кнопку "Импортировать конфиг" и продолжить настройку с теми же настройками

Также записал для вас подробное видео, где показал как работать с этим решение с zero- и базовыми блоками.


Смотреть видео:
🌐 Ютуб
🌐 Вк Видео
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1612👍8
Соскучились по мастер-классам? 📣

Завтра, 08 апреля в 15:00 по мск я буду проводить прямой эфир для сообщества Web-коворкинг

На эфире мы будем говорить об ускорении разработки сайтов на тильде, а именно подробно рассмотрим расширение «каскад», его фишки и возможности, также немного поговорим про нейросети.

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

Чтобы не пропустить уведомление о начале эфира – присоединяйтесь к сообществу

И да, запись эфира будет :)
Please open Telegram to view this post
VIEW IN TELEGRAM
28🔥14👍7
Друзья, бегите тестировать 🏃
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Forwarded from КАСКАД / CASCAD
Интерактивные Lottie на Tilda за пару минут! 🚀

Выкатываем решение для работы с Lottie-анимациями в Zero Block.

Что теперь можно делать:

🔹 Анимация по скроллу: Привязывайте проигрывание Lottie к движению страницы.

🔹 Интерактив: Настраивайте реакцию на наведение, клик по кнопке (внешние триггеры) или следование за курсором.

🔹 Создание из видео/фото: Загружаете раскадровку или видео — получаете готовый JSON-файл для Тильды.

🔹 Связка с SBS: Анимация отлично дружит с пошаговыми настройками Zero Block (фиксация, перемещение).

В видео показываем все возможности

📺 Смотреть YouTube

📺 Смотреть VK
🔥2517👏1
Media is too big
VIEW IN TELEGRAM
Что-то интересное получилось внутри корзины 😎
🔥46❤‍🔥11👍5
Друзья, вы наверное заскучали и хотите новых знаний 🤓

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

❇️Все обучения теперь с доступом навсегда ко всем материалам и урокам
⏹️Больше нет разных тарифов, теперь он единый – в формате наставничества для всех курсов
⏹️В чатах потока личная поддержка от меня и ответы на все ваши вопросы, чат остаётся навсегда
🅾️Старт обучений – 20 мая


Давайте пробежимся по курсам:

1️⃣ Tilda Custom Main
Тот самый курс по стилизации стандартных блоков, с которого всё началось. На этом курсе уже обучилось 500+ человек и он до сих пор актуален и помогает освоить с самого нуля работу с кодом для тильды и прокачать свои навыки
Сайт курса

2️⃣ Tilda Custom PRO
Продвинутый уровень работы с кодом для тильды. Здесь мы углубляемся в более сложные задачи и также закрываем полностью все вопросы по стилизации zero-блоков
Сайт курса

3️⃣ Стилизация ЛК курсов
Новый курс, который вышел в том году и уже получил приятные отзывы от участников. В этом курсе вам не нужно работать с кодом, вы настраиваете все стили для ЛК в удобных конструкторах и потом просто применяете для личных кабинетов, делая их более продуманными, красивыми и удобными
Сайт курса

4️⃣ Тильда + нейросети 🆕
Новое обучение, в которое я вложил все свои знания по работе с нейросетями и тильдой. Сперва может показаться, что ИИ всё сделает за нас, но так не бывает. Это обучение можно было выпустить на волне хайпа еще год назад, но я всё-таки погрузился в это максимально глубоко и теперь могу поделиться с вами всеми своими знаниями и научить делать очень крутые и сложные вещи для тильды
Сайт курса (зацените, я очень старался)

5️⃣6️⃣7️⃣ Все курсы со скидкой
А если вы хотите очень хорошо сэкономить, то это предложение для вас. С помощью серии обучений вы закроете все свои вопросы по кастомизации тильды и хорошо прокачаетесь по работе с нейросетями, что в совокупности даст очень мощный буст и позволит придумывать и создавать уникальные решения
Сайт всех курсов

Так что, друзья, такие дела, жду вас на обучениях и будем выжимать максимум возможностей из тильды (:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2311👏6
Розыгрыш места на новый курс "Тильда + Нейросети"

Друзья, решил провести розыгрыш среди подписчиков канала на курс по нейросетям, который стартует 20 мая

Условия максимально простые:
⏹️Подписаться или быть подписанным на канал
⏹️Нажать кнопку Участвовать
❇️Опционально, за приглашения друзей по пригласительной ссылке можете увеличить шанс на победу

Итоги будут подведены 19 мая в 18:00 по мск

4️⃣ Подробнее узнать о курсе и его программе вы можете на сайте курса


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

🎉 UPD: Розыгрыш завершен!

🏆 Победители:
1. @Maek_jk

🔍 Проверить результаты
Please open Telegram to view this post
VIEW IN TELEGRAM
226🔥12👍5❤‍🔥2
Хочу показать вам 4 примера, которые мы будем создавать с нуля на курсе 4️⃣ Тильда + нейросети

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


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

2. Шеринг корзины
Позволяет делиться корзиной с другими пользователями, вы просто жмёте на кнопку "Подлиться" и отправляете ссылку. При переходе по этой ссылке будет всплывать окно, где можно будет сразу добавить все товары в корзину, которыми вы поделились
Смотреть видео

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

4. Таблица вариантов товара
Очень удобное решение для интернет-магазинов, если у вас у товаров много разных вариантов или размерных сеток и хочется показать всё и сразу. В попапе решения сразу выводится всё содержимое в удобной таблице и позволяет прямо оттуда добавлять конкретный вариант в корзину.
Смотреть видео


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

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

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

Забронировать место на курс и подробнее почитать о программе вы можете на сайте курса:
https://study.dsgnmax.ru/ai
https://study.dsgnmax.ru/ai
https://study.dsgnmax.ru/ai
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥175👍3
Сегодня хочу с вами поделиться где и как именно я использовал нейросети

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

Вот вам примеры:

Конструктор mesh-градиентов
У меня была идея, я понимал какой это должен быть конструктор, как он должен работать и выглядеть. Но я не понимал какие-то технические моменты и как мне это всё собрать. Но нейросеть сделала своё дело и в таком тандеме получилось классное решение, которое уже многие используют в своих боевых проектах

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

Расширение для тильды – каскад
Каждое из решений (Hover, Grid, Slider, Lottie), которое я собирал до объединения с командой аннекса - это всё с помощью нейросети. Я понимал как это должно работать, потому что у меня за плечами курс по стилизации и я знал все боли, которые есть при работе со стандартными блоками. Это самая крупная разработка, которую я делал с помощью нейронки, и как видите – всё отлично работает и люди пользуются

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

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

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

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

📈 12 мая будет повышение цены, поэтому успейте попасть на курс по самой низкой цене

https://study.dsgnmax.ru/ai
https://study.dsgnmax.ru/ai
https://study.dsgnmax.ru/ai
Please open Telegram to view this post
VIEW IN TELEGRAM
10🔥8🤯1😍1
This media is not supported in your browser
VIEW IN TELEGRAM
Таблица промптов 4️⃣

Хочу еще немного рассказать про это, так как упомниал об этой таблице, но детально про неё нигде не рассказывал.
Вообще, работу с таблицей можно поделить на две части, каждая из которой – очень крутой источник для работы с нейросетями.

Часть 1. Готовые промпты
Сейчас уже никого не удивишь готовыми промптами для нейросетей и я это прекрасно понимаю. Но я также понимаю, что таких промптов нет для тильды и каждый такой промпт – это практически готовое решение, а их целых 180 штук в разных категориях и разной степени уникальности и сложности.
При этом, такие решения позволяют генерировать новые идеи для своих проектов, комбинировать уже готовые коды и очень легко создавать новые модификации на основе уже имеющихся в таблице.


Часть 2. Важные функции и события Тильды
Чтобы нейросеть понимала что нужно делать, как, с каким функционалом тильды взаимодействовать – ей нужно об этом говорить и объяснять почему именно так. Также нужно давать конкретные примеры и функции, которые используются в тильде.
Соответственно я собрал для вас всё самое важное и полезное, что нужны для работы со стандартными блоками. В таблице всё удобно скомпоновано и подробно описано, что позволит вам на простом языке формировать запросы для нейросетей

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

📈 Также напоминаю, что 12 мая будет повышение цены

https://study.dsgnmax.ru/ai
https://study.dsgnmax.ru/ai
https://study.dsgnmax.ru/ai
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥128👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Устали наверное от постов про нейросети, понимаю😀

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

Для одного рабочего проекта пришла в голову идея собрать слайдер из какого-нибудь стандартного блока с фотографиями. Я взял за основу блок GL03, загрузил туда картинки для теста и пошёл писать нейронке всё то, что я хочу получить от этого блока.
Я кстати всегда стараюсь брать за основу стандартные блоки, чтобы потом заказчик мог без проблем загружать или менять фотографии в блоке и не ломать вёрстку, если это все собрано в зеро-блоке (в комментах прикрепил скрин как это выглядит все «до»)

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

Таким образом можно собирать абсолютно любой дизайн в зеро-блоке и интегрировать этот слайдер внутрь шейпа

Такие дела, в качестве бонуса поделюсь готовым кодом этого слайдера со всеми участниками курса по нейросетям🤓
🔥228🤯4🦄1
Друзья, привет)

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

1️⃣ Tilda Custom Main – 19 900₽27 900₽
2️⃣ Tilda Custom PRO – 19 900₽23 900₽
3️⃣ Стилизация ЛК курсов – 17 900₽23 900₽
4️⃣ Тильда + нейросети – 12 900₽19 900₽

И также напоминаю, что вы можете приобрести сразу несколько обучений со скидкой до -30%, и забрать курс по нейросетям всего за 2900₽ 🛍

Подробно почитать обо всех обучениях и купить доступы можете на сайте:
https://study.dsgnmax.ru/index
https://study.dsgnmax.ru/index
https://study.dsgnmax.ru/index
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍4🔥2
Обычно, когда я записываю все обучения, то именно запись видео для уроков я делаю буквально за 1,5-2 недели до старта обучения, а то и за 1, если прям вообще сложно настроиться на эту задачу

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

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

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

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

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

Ну и по традиции первому потоку накидаю всяких разных бонусов, как первопроходцам😎

Сегодня ближе к вечеру буду менять стоимость всех обучений на сайте, так что если есть желающие попасть на обучения по минимальной стоимости — ещё есть время)
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥157👍2
Вы, видели?

Тильды выкатила вайб-блок, в котором можно с помощью ИИ собирать разные блоки

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

Попробовал собрать простой блок тарифов – он сделал, попросил сделать слайдер, используя библиотеку GSAP – что-то не справился, для этого я использовал нейросети DeepSeek и Qwen

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

А вы успели потестировать вайб-блок? Делитесь результатами в комментах, интересно посмотреть кто-что соберёт с помощью него

P.S. Блок находится прям под зеро-блоком
👍22🔥86
Друзья, напоминаю что идёт розыгрыш курса по нейросетям для тильды, завтра уже будут результаты, а 20 мая уже начинаем обучение)

Одно место разыгрываю среди подписчиков канала и также одно место у инсте, подробнее вот этом посте 👇

https://t.me/dsgnmax/513
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥65🎉3
Видели, тильда добавила ещё пару новых блоков для магазинов?)

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

В целом, круто, что тильда работает над каталогом, ещё бы дали возможность самостоятельно делать дизайн карточек товаров)
20🔥16👍7