🔔 Куртка-«сеновик», новая нейронка для видео со звуком, айдентика «Лужников», шрифт из футбольных движений и другие новости из мира дизайна.

🔸 Вышел Kandinsky 6.0 Video для генерации видео со звуком. Новая модель от «Сбера» генерирует видео вместе с речью, музыкой и звуками окружения по текстовому описанию или стартовому кадру. Попробовать её можно бесплатно в «ГигаЧате». Пригодится для быстрых анимированных эскизов и проверки идей. Но есть ограничение: ролик пока длится не больше пяти секунд, а Full HD получают повышением разрешения исходного видео. 🔸 Figma Agent вышел из беты и стал доступен для работы с макетами. По текстовой команде агент собирает экраны, правит макеты и учитывает правила дизайн-системы. Он также может искать объекты в Figma Design, FigJam и Figma Slides. Теперь запросы будут расходовать Figma AI credits. В отличие от бесплатного тестового периода, число списываемых кредитов зависит от сложности запроса, выполняемых действий и объёма переданного контекста. 🔸 Студия Артемия Лебедева разработала новую айдентику «Лужников». Новая бренд-платформа представляет комплекс не только как стадион, но и как место для прогулок, концертов и повседневного спорта. Основой визуальной системы стали дуги: они повторяются в знаке, шрифтовом начертании, паттерне и логотипах отдельных объектов. 🔸 Российская команда M-KSP заняла второе место в архитектурном конкурсе YAC. Специалисты архитектурного бюро «Мастерская КСП» разработали дневной центр для пожилых людей в итальянском Капальбио. Вокруг внутреннего двора разместили пространства для общения, садоводства и совместных занятий. Главная идея — кулинарный павильон, облицовку которого посетители постепенно дополняют плитками ручной работы с рецептами и воспоминаниями. 🔸 Организаторы Игр в Брисбене представили эмблемы Олимпиады и Паралимпиады 2032 года. В основе логотипов Олимпийских и Паралимпийских игр 2032 года два вида какаду: розовый и желтохохлый. В хохолке зашифрован контур Квинсленда, а три и два пера отсылают к числу 32. Эмблемы объединены специально разработанным шрифтом Brisbane 2032. 🔸 Rexona выпустила шрифт на основе движений Лионеля Месси. Буквы шрифта GOAT Font построили на траекториях финтов, ускорений и ведения мяча. Какие именно игровые эпизоды использовали, бренд не раскрывает: болельщикам предлагают самостоятельно искать совпадения в архивных матчах. Здесь типографика работает сразу в нескольких направлениях: передаёт характер героя, становится инфоповодом и механикой вовлечения аудитории. 🔸 Дизайнер Егор Жданович создал «сеновик» из прозрачного ПВХ с наполнителем из сена. Минский дизайнер поместил белорусское луговое сено внутрь объёмной куртки из прозрачного ПВХ. Наполнитель, который обычно скрывают, стал главным визуальным элементом: переплетение травинок создаёт фактуру вместо привычного орнамента. Приём интересен для работы с локальной идентичностью — связь с местом выражена через материал без буквального цитирования фольклора. [Фабрика Дизайна]

Про Figma и Codex уже рассказал. Теперь — про связку Claude + PowerPoint и мой бонусный урок. 📌 В уроке Паши соберём презентацию для «Муму-банка»: → Подключим Claude к PowerPoint и подготовим структуру. → Подберём референсы, шрифты и цвета. Соберём мини-дизайн-систему, чтобы слайды были в одном стиле. → Поручим Claude сделать дизайн, внесём правки и разберём, что быстрее докрутить руками. → Сгенерируем изображения, соберём фотоколлаж и мокап приложения. → Добавим анимацию: от перехода «Трансформация» до запроса на анимацию всей презентации. 📌 А в моём бонусном уроке покажу связку ChatGPT + Canva, которую я использовал на бесплатных аккаунтах: → Генерируем слайд по референсу в ChatGPT. → Разбираем картинку на отдельные элементы через Magic Layers в Canva. → Выгружаем в PowerPoint и редактируем текст, картинки и оформление. Шрифты иногда приходится поправлять, ограничения тоже разберём. Покажу весь процесс, как он есть)) В итоге у вас будет несколько способов подключить ИИ к работе над презентациями. Можно попробовать каждый и выбрать под свою задачу. 📆 Стартуем 12 октября 🚨 95% мест уже занято Посмотреть программу и забрать билет ⬅️

Рынок стал разборчивее. Компании осторожнее нанимают, а дизайнеров с похожими портфолио стало больше. На собеседовании уже мало показать аккуратный экран и рассказать, что ты умеешь работать по дизайн-системе. В разговоре с Костей Замуренко обсуждают, какие навыки стали базой, почему узкая специализация мешает в нестабильной среде и как массовые курсы научились упаковывать даже чужие работы в убедительное портфолио. Отдельно говорят о ремесле, коммуникации и способности работать без готовых рельсов. Внутри: – Почему компании стали чаще искать специалистов широкого профиля; – Как массовые курсы и фальшивые портфолио усложнили найм; – Почему опыт внутри большой дизайн-системы не всегда помогает в новой команде; – Какие базовые навыки дизайна приходится заново объяснять: сетки, типографику, рисунок и визуальную насмотренность; – Зачем дизайнеру понимать пользователей, бизнес и командную работу, а не только собирать макеты в Фигме. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Он работает прямо на холсте и помогает не выпадать из процесса: можно просить менять макеты, собирать новые варианты, применять дизайн-систему, разбирать фидбек и автоматизировать рутину. www.figma.com/blog/workflow-lab-staying-in-the-flow-with-the-figma-agent/

UI-кит собирает повторяющиеся решения интерфейса: цвета, типографику, кнопки, поля, иконки, карточки и навигацию. Он помогает быстрее собирать новые экраны и сохранять единый стиль, но сам по себе ещё не становится полноценной дизайн-системой. В статье советуют начинать с базовых стилей и самых частых компонентов, сразу продумывать состояния и варианты, а потом постепенно расширять библиотеку. Важно следить, чтобы в ней не появлялись дубли, лишние настройки и устаревшие элементы, которые уже расходятся с продуктом. Внутри: – Чем UI-кит отличается от библиотеки компонентов и дизайн-системы; – Какие элементы стоит добавить в первую очередь; – Как продумать состояния, варианты и атомарную структуру компонентов; – Почему UI-кит нужно собирать с самого начала проекта; – Какие ошибки превращают библиотеку в набор разрозненных макетов. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Нейтан Кёртис показывает, как превратить спецификации компонентов в рабочий центр дизайн-системы. Они собирают решения из Фигмы, прототипов и кода, а затем помогают переносить их между этими средами без потери деталей. Для этого нужны структурированные данные, схемы, версии и понятные правила. ИИ может помогать собирать требования и превращать их в код, но важные решения должны оставаться видимыми, проверяемыми и доступными для ревью. В такой системе инженеры тоже влияют на дизайн: находят проблемы с доступностью, уточняют поведение и возвращают эти решения в общую модель. Внутри: – Почему спецификация становится связующим слоем между дизайном, кодом и документацией; – Какие данные стоит описывать для каждого компонента; – Зачем разделять сгенерированные правила и требования, написанные людьми; – Как переносить решения между Фигмой, прототипами и разными платформами; – Почему ИИ лучше работает со структурированными контрактами, чем с разрозненными макетами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В приложении было много кнопок и других элементов, но общего порядка не было. Одни компоненты копировали по фичам, другие напрямую использовали чужие команды. В итоге изменения приходилось вносить в нескольких местах, а разработчики зависели от решений коллег. Команда добавила паспорта компонентов, правила разработки, сторибук и скриншот-тесты. После этого компоненты начали делать сами фичевые команды, а ИИ стал помогать с шаблонным кодом. За ним всё равно проверяют люди, но ошибки теперь находят до релиза, а разработка компонента подешевела с 3–5 до 2 сторипоинтов. Внутри: – Почему копипаста и прямое переиспользование чужих компонентов одинаково создают проблемы; – Как отличить компонент дизайн-системы от компонента конкретной фичи; – Зачем нужны паспорта компонентов и сторибук; – Как распределить разработку между командами, если владельцев дизайн-системы всего двое; – Почему ИИ хорошо собирает бойлерплейт только вместе с правилами, тестами и ревью. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Перенос готового стиля на пачку вайрфреймов, автозаполнение макетов реальным контентом, сборка однотипных таблиц из компонентов, светлая тема из тёмной за пару минут. Разобрали в Relate с примерами под каждый сценарий Читать на дизайнерс | #AI

Пока покупатель ещё не смотрит характеристики и отзывы, ваш товар уже конкурирует за внимание с десятками других. Поэтому карточка должна не просто выглядеть красиво — она должна продавать. На курсе Нетологии вы с нуля научитесь создавать карточки для Ozon, WB и Яндекс Маркета: анализировать конкурентов, работать с фото, собирать инфографику и галерею, использовать Figma, Photoshop и нейросети. В финале — готовый проект в портфолио. На расширенном тарифе — дизайн-системы для брендов, видео и анимация, а также ИИ-инструменты для быстрой работы с целыми линейками товаров. В сентябре — скидка 40% и 5 курсов по ИИ в подарок. Подробности и программа

Автор проверил это на трёх ИИ-агентах. Всем дали одну библиотеку компонентов, токены и задания собрать страницу настроек для разных продуктов. В результате получились три вполне рабочие страницы, но с разной структурой: где-то вкладки, где-то карточки, разные способы сохранения и разные подходы к опасным действиям. Компоненты задают кнопки, поля и переключатели, но не отвечают на вопросы более высокого уровня. Поэтому команда должна отдельно описывать повторяющиеся решения: как устроена страница настроек, где размещается опасная зона, когда изменения сохраняются и как подтверждается удаление. После этого такие правила можно закрепить в коде и понятных паттернах, чтобы следующий дизайнер или ИИ не решал ту же задачу заново. Внутри: – Почему библиотеки компонентов сами по себе не создают единую систему; – Какие решения чаще всего остаются только в головах и старых макетах; – Как разложить страницу настроек на поведение, строки, группы и общий шаблон; – Что меняется, когда правила описаны рядом с компонентами; – Как использовать ИИ-агентов, чтобы находить места, где продукт начинает расходиться. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Визуальный стиль Многие спотыкаются на этом шаге. Простой совет — сделайте как кайф именно вам. Здесь у вас нет ограничений в виде дизайн-системы, поэтому можно навалить стиля Рекомендации: 1 / Найти референсы Без них у вас не будет рамок, а работать без рамок — сложно. Я тут не собираюсь учить вас качественной работе с рефами — это отдельный навык, который дизайнеры качают на курсах, воркшопах, практиках. Напомню, что мы не воруем, а адаптируем визуальные ходы под себя Ищите то, что откликается по настроению и нравится вам визуально. Тут нужно не попасть в ловушку и не уйти в бесконечные итерации. Говорят, дизайнеры никогда полностью не довольны своим портфолио. Забейте на недовольство, должно просто выглядеть good enough для первой версии, докрутить всегда можно попозже 2 / Найти или придумать интересные решения (фишки), по которым вас можно запомнить Рекомендую смотреть чужие портфолио (например, на foliobin.com | foliodeck.pro), чтобы подмечать не только визуальные ходы, но и чекать, как вообще люди работают со своим опытом и контентом. Если не можете придумать или найти — разгоняйте с ИИ 3 / Сделать дизайн Вы конечно можете пойти и стащить чей-то дизайн как готовый .md файл (например на https://styles.refero.design). Но тогда ваше портфолио не будет уникальным, и при этом вы еще некоторый самообман будет ощущать (будет чесаться зад, что вы как дизайнеры дизайн не смогли сделать) Важно держать в голове, что портфолио — это артефакт, который смотрят в основном дизайн-лид / менеджер / директор. Именно поэтому вы можете своим подходом / дизайном пробить «слепоту» нанимающего Отдельно пару строк про Notion: Многие фанатеют от него как от инструмента для быстрого решения. Я всегда был лоялен к портфелям ноушне в целом, хотя не восхищался уж точно. Сейчас закодить страницу с ИИ будет гораздо эффективнее, а по времени не сильно дольше. Если подусраться немного, то за 2-3 дня можно сделать достаточно хорошо — Я свой дизайн немного обновил (odokienko.ru), осталось пару кейсов написать с прошлых работ и по своим проектам Рефы у меня были такие: https://www.abstract.systems/ https://www.harshsingh.me/ https://mishanaer.com/ https://bento.me/ (щас уже их linktree купил, но раньше приятный стилёк был) — Предыдущая часть [2]

Просишь агента собрать экран по своей дизайн-системе. Он что-то делает, ты открываешь Фигму, а там компоненты свои, стили свои. Пишешь ещё раз, прикладываешь скрин, объясняешь. Потом думаешь, что надо попробовать другого агента, может, тот поймёт быстрее. Только новому тоже придётся показать, где лежат файлы, какие компоненты брать и по каким правилам всё собирать. Иначе опять объясняешь одно и то же в каждом чате. Сначала вроде терпимо, потом хочется уже нормально настроить и заниматься задачами. Вчера, кстати, статейку как раз от Фигмы выкладывал, они там тоже таким занимались с Coinbase, почитайте. В общем, Даня Шишко собрал бесплатный гайд по настройке агентов для дизайнеров. С файлами, которые можно скачать и использовать у себя, подключением Фигмы и разбором того, что делать, когда агент снова ничего не видит. Как обычно, бесплатно и с пользой. 📌 Что внутри - Стартовые файлы и инструкции для повторяющихся задач; - Подключение Фигмы, чтобы агент видел компоненты и стили; - Разница между Claude и Codex и выбор под свои задачи; - Три кейса: прототип из брифа за день, экраны по дизайн-системе и прототип раньше макетов; - Что проверить, если агент не находит файлы или делает что-то не то. Если пока настраивали всё по ходу дела, можно пройтись по гайду и сравнить со своей сборкой. А если только начинаете, будут готовые файлы и примеры, с которых можно стартовать. Газ настраивать 👍 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте

С 1 по 5 сентября мы по шагам создадим собственный сайт: ▪️ продумаем структуру и тексты ▪️ соберём дизайн-систему ▪️ создадим изображения ▪️ превратим всё это в готовый работающий сайт Первый урок уже вышел. В нём разбираем, как создать структуру сайта, найти референсы и собрать дизайн-систему. Также участники получат готовые промпты, подборку сайтов для вдохновения и 29 шрифтовых пар. Все уроки и дополнительные материалы будут выходить в нашем канале. Переходите по ссылке и присоединяйтесь к интенсиву: ПЕРЕЙТИ НА КАНАЛ А в конце среди самых активных участников мы разыграем 4 места на мини-курс «Нейрофото».

Евгения Шамрай из студии «Проект» рассказывает, почему первый рабочий скилл часто разваливается, когда его открывает второй человек. Пока им пользуешься одна, половина правил живёт в голове. Другой видит только файл и сразу находит дыры: слабое описание, смешанные зоны ответственности и противоречивые инструкции из разных частей проекта. Большой универсальный скилл оказался плохой идеей. Нормальный командный скилл ближе к дизайн-системе: у него есть границы, владелец, структура и история изменений. Description решает, подключится ли он вообще. А знания лучше держать рядом отдельными файлами, а не в одном огромном SKILL.md. Внутри: – Почему description важнее красивых правил внутри файла; – Как делить скиллы по одной ответственности, а не по «всему проекту»; – Зачем делать SKILL.md роутером, а знания выносить в папки; – Как дописывать правила после реальных ошибок, а не заранее; – Зачем нужен отдельный проверяющий агент, а не проверка внутри исполнителя; – Почему без владельца и короткого CHANGELOG скилл быстро зарастает мёртвыми правилами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Просишь Claude или GPT собрать экран, а в ответ получаешь набор компонентов, который потом все равно приходится переделывать руками. Цвета не из палитры, отступы не по сетке, у кнопок нет состояний. После пары таких попыток легко решить, что агенты пока не готовы к нормальной работе. Но тут есть нюанс: возможно, дело не только в самой модели, а в том, как мы ее используем. 😇 20 августа Pixel Perfect проведут бесплатный эфир: возьмут большую дизайн-систему банка и прямо в Figma попробуют собрать по ней новые экраны. Сначала попробуют собрать экраны без каких-либо настроек, а потом подготовят среду специально под эту задачу. И сравнят два результата. Заодно покажут, как дизайн-система попадает в среду, почему ее нельзя просто закинуть агенту целиком и как потом проверить результат. А еще посмотрят, где агент уже справляется сам, а где все-таки приходится вмешиваться руками. Все скиллы с эфира можно будет забрать и использовать в своих задачах, даже если большой дизайн-системы у вас нет. ↗20 августа, 18:00 мск. Эфир пройдет в телеграм канале, подписывайся!

Мы давно не устраивали никакой движухи, а тут ещё и 1 сентября совсем близко. Поэтому решили начать осень с небольшого бесплатного интенсива. С 1 по 5 сентября вместе с вами с нуля соберём полноценный сайт с помощью нейросетей. За 5 дней: ▪️ создадим структуру сайта и напишем тексты ▪️ соберём дизайн-систему ▪️ сгенерируем изображения ▪️ оформим всё это в готовый работающий сайт Будем проходить весь процесс по шагам, поэтому можно участвовать, даже если вы раньше никогда не создавали сайты. Конечно, будут подарки для самых активных, дополнительные материалы и много практики. Проходить будет на этом канале: https://t.me/neyropred Поэтому переходите и подписывайтесь 💚 Как вам такая идея?

Завтра наш куратор бренд дизайна Влад Деревянных расскажет про работу с брендами городов на вебинаре проекта «Дизайн для регионов». Влад расскажет про специфику разработки визуальной коммуникации для территорий, чем она отличается от коммерческой и какие ошибки чаще всего совершают дизайнеры не зная этой специфики. Вебинар бесплатный и пройдёт в эту среду в 13:00. Регистрация вот тут.

Стажёр в управление продуктового дизайна Альфа-Банк Ты будешь создавать удобные и интуитивно понятные пользовательские интерфейсы (UI) для веб-приложений и онлайн-сервисов банка 📍 удалённо по РФ 😍 Ждут, что вы: • Умеете делать понятный, лаконичный и выразительный дизайн интерфейсов (с портфолио); • Уверенно владеете Figma; • Понимаете теорию UX/UI; • Готовы уделять стажировке 40 часов в неделю; • Стрессоустойчивы, коммуникабельны и с хорошим чувством юмора :) 💻 Задачи которые вас ждут: • Формировать грамотный сторителлинг для страниц сайта; • Собирать макеты продуктовых лендингов в Figma на мастерах виджетов из библиотеки; • Развивать и поддерживать дизайн-систему вместе с дизайнерами сайта; • Поддерживать существующие страницы: метрики, сценарии, тексты, имиджи, пересборка блоков; • Проводить дизайн-ревью изменений на боевых страницах, фичей и доработок. 💸 Оплата: • Не указана ℹ️ Доп.информация: • Трудоустройство по ТК; • ДМС со стоматологией с первого дня; • Комфортные офисы; • Корпоративы, тусовки и фирменный мерч; • Продукты с миллионной аудиторией; • Персональный ментор. 🔠 Откликнуться ——— 💻 Вакансии в IT и digital 🔥 Закрытый канал с вакансиями 😍 Про дизайн 🎨 Референсы

Install ️