🖥 вы ждали – мы собрали: все выступления дизайн-батла Кайференции 2.0 ⚔️

<< YouTube чееееек >> месяц назад пять продуктовых инхаус-команд МТС, Домклика, Флаувау, Т-Банка и СберДизайна выдали ui-жира и приколов, а победители батла налутали 100К. база: задача от Авито, спроектировать нативную фичу для эйай-поиска товаров и объектов через камеру. на презе было все — от истории про бабушку и внучка-вайбкодера до интерактивных «сосков-пикеров». ищи себя среди дизов на канале Прагматики, и пиши кто из команд самый хай в твоем личном рейтинге 🏎

Картины, которые были задействованы в макете☄️

Буквально вдохновение макета: • Весна, Сандро Боттичелли • Мадонна с 8 ангелами, Сандро Боттичелли • Рождение Венеры, Сандро Боттичелли • Крещение Христа, Андреа Верроккьо совместно с Леонардо да Винчи А мы с вами встретимся уже завтра, но не могу не напомнить💡 1. Д/з и вопросы можно присылать мне в ЛС 2. Я буду принимать это все до 30 августа включительно 3. Если вы дизайнер с опытом, у вас есть время и желание – обязательно делайте свой макет на базе нашего, если вы только начинаете – уже можете разбавить дизайн своей информацией (заменить текст, картины, да даже тематику проекта, например, на «барокко») #бесплатник

Границы возможного / немного про вайб-кодинг

На прошлой неделе я писал, что собираю внутреннюю систему финансового учёта для агентства. Собираю её с помощью ИИ-агентов и вайб-кодинга. За неполные две недели эта система из эксперимента превратилась во вполне рабочий инструмент, которым я сейчас активно пользуюсь и заполняю. Погружение во все процессы более детально привело меня к определенным выводам. 🔖 Главный инсайт, который я вынес ⚫️Если правильно определить границы MVP, то такой подход реально позволяет очень быстро собрать рабочий продукт. ⚫️В MVP надо оставить 5-6 основных сценариев для теста, а не 100500. В таком случае можно достаточно быстро прийти к работающему результату. За эти две недели я собрал то, чего мне не хватало ни в Excel, ни в Notion: удобный визуальный финансовый дашборд, импорт банковских выписок, автоматический учёт подписок и списаний за них. А ещё интегрировал Telegram-бота, которому можно голосом рассказать, куда потратил деньги или откуда пришёл доход. Система сама структурирует информацию и заносит её в нужную учётную схему. 🔔 Но есть нюансы Пока речь идёт об интерфейсе, логике и новых фичах, такой подход реально очень сильно ускоряет процесс. Но как только появляются чувствительные данные, сложные бизнес-сценарии, интеграции по API, вопросы безопасности, вынос базы данных, регулярное резервное копирование — всё. Здесь уже нужен головастый разработчик. При этом эксперимент мне очень зашёл. Токенов я, конечно, сжёг дохера. но даже с этим инструмент получился гораздо быстрее классического процесса разработки. Если представить весь привычный путь — аналитика, проектирование сценариев, продумывание логики, дизайн, разработка, внедрение — это легко могло бы занять овердохера времени на MVP. Здесь же всё происходит гораздо оперативнее. 🎯 Диджитал пришел к довольно интересной модели: ИИ и агенты не отменяют разработку, но очень сильно меняют правила самого процесса. Эксперимент продолжается. Ну и в обложке пара скринов моего дашборда.
Поговорили немного с Николаем Переслегиным о разном)
👀
📋Урок-практика 2. «Разбор и практика в Figma: создание главного экрана сайта»
Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник
💟Для продвинутых и заинтересованных дизайнеров я подготовила бонус!
А именно – дополнительный урок и задание! В нем обсудим виды анимаций на сайте, а также сделаем свою собственную анимацию в Figma Motion и сравним её с Jitter. ‼️Домашнее задание (как и просмотр этого урока) выполняется по желанию, особенно, если вы новичок. Самое главное – сделать обязательные Д/з, поэтому организуйте свое время правильно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
Нас не догонят заменят.
Если нейросетки уже втайне планируют захватить мир, то пока без шансов. Потому что у них есть минусы, о которых рассказывали в этом посте. И еще по трем причинам: 1️⃣ ИИ — это инструмент, а не дизайнер. Так же как башенные краны, шпатели или перфораторы не являются строителями. Ведь они не берут на себя ответственность и не отвечают за результат. 2️⃣ Нейросеть ускоряет процессы, а не выполняет работу. Так же, как башенные краны, шпатели и... Ну, вы поняли. 3️⃣ Если восстание машин и случится, то лет через сто. У человечества просто нет таких вычислительных мощностей, чтобы бездушная ИИ-шка превратила нашу жизнь в симуляцию, как в «Матрице».   Не бойтесь восстания машин. Лучше переходите на «Привет, бро!» с нейросетями — мы как раз этому учим.
MAKE FAKE PRINT AESTHETIC GREAT AGAIN 🙂
вы пробовали сделать препресс в фигме? вас тоже засмеяли за это друзья??? всем привет, это Соня и в фигме правда нельзя перевести макет в cmyk режим и настроить dpi, а все плагины работают ну ОЧЕНЬ печально но препресс это же еще и эстетика!! шкалы цветов, метки обреза и вылеты, информация о дате экспорта специально для гурманов я навайбкодила плагин FAKE PRINT, который качественно это все расставляет! забирайте, вот ссылочка 🙂 кстати приходите ко мне на курс по Повседневному Использованию Нейросетей с 25-го августа, научу вайбкодить плагины для фигмы😏
📋Урок-практика 3. «Практика в Figma: собираем главную страницу сайта»
Практический урок, где мы будем собирать дизайн всего сайта. Если вы вдруг пропустили 1 и 2 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 30 августа включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
КВЕСТ НА ВЫХОДНЫЕ 🙂
всем привет, это Соня! хотите получать ежедневные задания, чтобы по чуть-чуть разобраться в нейросетях с нуля? 🙂 у нас на курсе Повседневное Использование Нейросетей студенты так и делают вдобавок к основным большим творческим заданиям, всё делаем через БОТА которого сами и навайбкодили решили поделиться демо-версией с вами, там суть в том, чтобы вырастить своего ПИН'а за успешное прохождение тестиков (а-ля тамагочи) В конце даже есть РОМАНТИЧЕСКАЯ ЛИНИЯ! участвуйте и приходите на курс, скоро стартуем! [ОПРОБОВАТЬ БОТА] p.s. приходите к нам с Димой на открытую лекцию в воскресенье, будем разбирать зачем нужен красивый UI при вайбкодинге сервисов и как его сделать