Выйти из Figma и посмотреть по сторонам

У великолепной Юли из @tap_design стартовал «Насмотрель» — дизайн-квест на весь октябрь про визуальную наблюдательность. Идея простая и очень нам нравится: есть 24 задания, с которыми нужно выходить в реальный мир и искать вокруг композиции, цвета, фактуры, формы и всякие визуальные штуки, мимо которых обычно проходишь по дороге за кофе. Можно специально устраивать прогулки, а можно проходить квест между делом: во дворе, метро, парке или по пути куда-нибудь. В итоге за месяц собирается собственная коллекция находок, которую потом можно использовать как референсы, палитры, текстуры, композиционные идеи — или просто как тренировку внимательности. Проходить можно в своём темпе и закрывать по несколько заданий за одну визуальную охоту. В общем, если давно хотелось качать насмотренность не ещё одной папкой в Pinterest, а собственными глазами — отличный повод. 👉 Начать квест можно тут Там все 24 задания, правила, FAQ и шаблон. ПС: с NPC разговаривать не обязательно. #рекомендация 🍍 Явно.Дизайн x 🍥 tak.pobedim

Последний вагон мастер-класса!

Завтра на мастер-классе «Астральный план» покажу, как передавать ИИ реальные задачи и получать готовый результат. За 2–3 часа разберём: ▶️ Как начать работать с Astra и настроить Codex, даже если вы полный новичок. ▶️ Как выбирать модель и режим под свою задачу. ▶️ Как ставить задачи, чтобы было меньше переделок. ▶️ Как настроить инструкции под себя. ▶️ Как организовать чаты и проекты, чтобы ИИ меньше путался. ▶️ Как смонтировать ролик и подготовить его к публикации. ▶️ Как превратить таблицу с данными в понятный дашборд. ▶️ Как создать свою игру без навыков программирования. ▶️ Как собрать презентацию по своим материалам и референсам. ▶️ Как экономить лимиты и проверять результат работы ИИ. 2 октября, 14:00 МСК. Онлайн. Самое время забрать билет и завтра прийти на практику 👇 🎟 Купить билет на «Астральный план»
Video is not supported

🧾 Контракт компонентов: как сделать решения проверяемыми

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

📊 Как в Контуре проверяют, пригодилась ли работа команды

Внутреннее бюро разработки Контура подключается к продуктовым командам на ограниченный срок, отдаёт результат и переключается на следующую задачу. Поэтому сотрудники часто не знали, что происходило с их исследованиями, макетами, аналитикой и кодом после передачи. Команда сначала пыталась собрать универсальную метрику бизнес-успешности, но быстро упёрлась в разницу между задачами. В итоге оставили короткую анкету по шкале Лайкерта и раз в квартал спрашивают заказчиков, пригодился ли результат. На заполнение уходит от одной до пяти минут, а из 176 задач только четыре полностью остались без применения. Внутри: – Почему результат работы легко теряется после передачи другой команде; – Какие проблемы возникли при попытке измерить всё одной метрикой; – Как Контур адаптировал CSI и перешёл к шкале Лайкерта; – Что показали ответы заказчиков и как они помогли найти слабые места; – Как обратная связь повлияла на брифинги, планирование и мотивацию сотрудников. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Вы меня порадовали своей бурной положительнаой реакцией. Спасибо за поддержку 🤗 Давайте тогда порадую вас сразу двумя вещами по визуалке.
1️⃣ Вебинар будет в этот четверг в 19:00 по МСК Тема: Как ускорить создание визуала с ИИ и найти свой стиль ➡️ Регистрация, по классике, в нашем боте 2️⃣ И, на минуточку, вышел классный выпуск с Максом Кукушкиным: «Как создавать 3D-пак в одном стиле с помощью ИИ» Разобрали, как максимально точно управлять стилем и переносить его в генерации, работать с референсами и с нуля собирать паки 3D-объектов, которые выглядят как единая серия. ➡️ Смотреть подкаст ➡️ Смотреть подкаст Теперь, кстати, Макс будет постоянным лектором UPROCK. В четверг записываю с ним следующую лекцию.
айда играться со временем и пространством в видео
навайбкодил https://vsewall.github.io/time-volume/">веб-инструмент который превращает видео в объем и дает посмотреть на видео-поток "со стороны". и сбоку и сверху и под любым углом. сама идея не новая. принцип работы подробно объяснил и показал ТехноШаман. а для своей реализации как референс я использовал визуалы Bradley Tangonan https://vsewall.github.io/time-volume/ @тоже_моушн
Video is not supported
Изображение канала: Дизайнер, привет
🧩 Как в Cursor собрали систему из 600+ иконок
Автор рассказывает, как за год перерисовал больше 600 иконок для Cursor. У каждой по две версии размера и стиля, а многие варианты проходили десятки итераций. Даже толщина линии 1,25 пикселя появилась не из расчёта, а после долгого сравнения с текстом и интерфейсом. В работе помогли правила, которые удерживают набор цельным: оптические формы, одинаковые элементы, естественные пропорции и ручные корректировки там, где формальных правил недостаточно. Вокруг иконок собрали полноценную систему с файлами в Фигме, поиском по тегам, документацией, миграцией старых кодов и автоматической публикацией. Внутри: – Почему унаследованный набор иконок начал расходиться по стилю и смыслу; – Зачем нужны отдельные версии для 16 и 24 пикселей; – Как оптические правки делают маленькие иконки аккуратнее; – Какие три файла в Фигме помогают поддерживать единый стиль; – Почему хорошая икон-библиотека требует не только рисунков, но и документации, поиска и автоматизации. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайнер, привет
🔔 Inspiration #203
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – semplice.com/supply – conductor.build – sketchin.com – bettershot.site – nestrenew.google – gem.com ——— – okey.codes – frontify.com – 2025.oceanx.org – calendly.com – amie.so/calendar – gong.io ——— – shopify.supply/performance-pack – copilot.money – heimdallpower.com – walden.us – 1820productions.com – dannpetty.com ——— – ventriloc.ca/en – follow.art – s-2k.webflow.io – valentine.getfreewrite.com – narrative.bi/ga-narratives – jeskojets.com ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайнер, привет
Игра на HireHi и мой шок
Сидел я значит в пятницу и подумал, что прикольно было бы освежить 404 страницу. Убрать там скучную иллюстрацию или как-то анимировать мб. В итоге придумал сделать игру, как в гугле, когда нет инета аля марио. Бежишь, собираешь какие-то штучки, обходишь препятствия и фанишься. В итоге я сделал это отдельным разделом на сайте, который еще и бизнесово даст вам скидку до 20% на любой тариф и срок, если дойдёте до конца. Самый шок в том, что я всё это сделал буквально за 2 часа парой промтов. Нейронка сама нарисовала иллюстрации, трассу, придумала логику и так далее. Я лишь скорректировал какие-то моменты и немного поменеджерил. Сколько бы я это делал с фронтами и бэкендом ума не приложу и сколько нервов пришлось бы потратить, объясняя нюансы. Будущее уже ходит где-то рядом. Поиграть можно тут: победить босса ——— Второй мой шок случился, когда я решил задизайнить себе новую админку (освежить UI в стиле Linear). Я буквально дал просто 1 фразу и через 10 минут все было готово. Даже адаптив. Мне не пришлось править н-и-ч-е-г-о. В итоге это уже на проде и был в полном шоке. Фронты бы это делали недели две-три точно с перерывом на обед, поболеть, погулять и так далее. ——— Третий шок прикрепил. Это заняло 5 минут и промт «сделай видос про мой продукт, вот ссылка». Моушн дизайнеры в-с-ё. В общем, пара часов и у меня была готова игра, новая админка и видос. 0 нервов, 0 потраченных рублей (кроме подписки на аи). Как вам? ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Video is not supported
Изображение канала: Дизайнер, привет
🔎 Как исследования становятся силой в продукте
В Купере исследователи пересматривают свою роль в продуктовой команде. Их задача — не просто провести исследование и передать рекомендации, а помогать принимать решения ещё до появления задачи в бэклоге. Для этого команда собирает карту продуктовых решений: что уже известно, какие есть гипотезы и где остаётся неопределённость. Влияние исследований бывает разным. Иногда оно видно сразу в изменённых макетах и приоритетах, иногда помогает отказаться от ненужной идеи или выбрать направление. Бывает и отложенный эффект, когда старые данные спустя время помогают принять новое решение. Чтобы находки не терялись, в Купере ведут базу исследований и отдельный бэклог побочных инсайтов. Внутри: – Какие четыре уровня влияния исследований выделяет команда Купера; – Почему исследователю важно видеть продуктовый контекст целиком; – Как карта решений помогает находить места для новых исследований; – Как переиспользовать данные прошлых исследований; – Почему исследователь должен участвовать в формировании стратегии и бэклога. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: ГРАФДИЗЩ®
«Подножный креатив: ищем вдохновение в повседневности»
❤️ 26-27.09 ❤️ 11:00 по МСК ❤️ если кажется, что все референсы уже пересмотрены, а лента показывает одни и те же тренды и нейрокреатив, пора искать идеи в другом месте. например, буквально под ногами спикеры: ❤️ Лёша Устьянцев — креативный директор Пикчера, трендвотчер и автор концепции комфортного контента. преподавал в MADS и других образовательных проектах артём реф³ — арт-директор школы Щёлочь, дизайнер, преподаватель курса ГАЗ и автор проекта реф³. Работал с Яндексом, X5, Билайном и другими брендами. что будем делать: ❤️ • искать референсы вне привычных подборок • разбирать, почему случайная находка может стать хорошей идеей • превращать наблюдения в концепции под реальные задачи • штормить, обсуждать и докручивать идеи вместе воркшоп проходит в два дня. на первой встрече разберём подход, пойдём искать материал и начнём собирать идеи. (+ между встречами будет небольшая самостоятельная практика!!) а на второй — разберём результаты и доведём лучшие задумки до более цельных концептов. для участия заполните небольшую форму-опрос ❤️ спикеры рассмотрят ответы и самостоятельно свяжутся с участниками, которые подойдут для участия в воркшопе, и подтвердят регистрацию
Изображение канала: Дизайнер, привет
🧱 Спецификации компонентов как общий язык Фигмы и кода
Нейтан Кёртис показывает, как превратить спецификации компонентов в рабочий центр дизайн-системы. Они собирают решения из Фигмы, прототипов и кода, а затем помогают переносить их между этими средами без потери деталей. Для этого нужны структурированные данные, схемы, версии и понятные правила. ИИ может помогать собирать требования и превращать их в код, но важные решения должны оставаться видимыми, проверяемыми и доступными для ревью. В такой системе инженеры тоже влияют на дизайн: находят проблемы с доступностью, уточняют поведение и возвращают эти решения в общую модель. Внутри: – Почему спецификация становится связующим слоем между дизайном, кодом и документацией; – Какие данные стоит описывать для каждого компонента; – Зачем разделять сгенерированные правила и требования, написанные людьми; – Как переносить решения между Фигмой, прототипами и разными платформами; – Почему ИИ лучше работает со структурированными контрактами, чем с разрозненными макетами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайнер, привет
🧠 39 принципов для дизайна интерфейсов с ИИ
ИИ делает интерфейсы непредсказуемыми: один и тот же запрос может привести к разным результатам. Поэтому дизайнеру приходится продумывать не только внешний вид, но и степень доверия, проверки и контроля на каждом шаге. Автор предлагает смотреть на ИИ как на партнёра по работе. Система должна объяснять свои действия, показывать источники, задавать уточняющие вопросы при неоднозначности и давать пользователю возможность быстро отменить результат. Чем выше цена ошибки, тем меньше самостоятельности стоит отдавать системе. Внутри: – Как выбирать между подсказкой, диалогом и автономным действием; – Почему источники полезнее абстрактной оценки уверенности; – Как проектировать ошибки, отказы, передачу задачи человеку и откат изменений; – Где нужны паузы и подтверждения, а где они только мешают работе; – Почему нужно измерять качество доверия к ИИ и учитывать изменения моделей со временем. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Щёлочь®
«Подножный креатив: ищем вдохновение в повседневности»
❤️ 26-27.09 ❤️ 11:00 по МСК ❤️ если кажется, что все референсы уже пересмотрены, а лента показывает одни и те же тренды и нейрокреатив, пора искать идеи в другом месте. например, буквально под ногами спикеры: ❤️ Лёша Устьянцев — креативный директор Пикчера, трендвотчер и автор концепции комфортного контента. преподавал в MADS и других образовательных проектах артём реф³ — арт-директор школы Щёлочь, дизайнер, преподаватель курса ГАЗ и автор проекта реф³. Работал с Яндексом, X5, Билайном и другими брендами. что будем делать: ❤️ • искать референсы вне привычных подборок • разбирать, почему случайная находка может стать хорошей идеей • превращать наблюдения в концепции под реальные задачи • штормить, обсуждать и докручивать идеи вместе воркшоп проходит в два дня. на первой встрече разберём подход, пойдём искать материал и начнём собирать идеи. (+ между встречами будет небольшая самостоятельная практика!!) а на второй — разберём результаты и доведём лучшие задумки до более цельных концептов. для участия заполните небольшую форму-опрос ❤️ спикеры рассмотрят ответы и самостоятельно свяжутся с участниками, которые подойдут для участия в воркшопе, и подтвердят регистрацию
Изображение канала: Дизайн-снайпер
Минутка рекомендаций:
У нейросетей сложился свой узнаваемый стиль. Фиолетовый градиент, три карточки в ряд, эмодзи вместо иконок. Считывается быстрее, чем Comic Sans. Опереться агенту не на что, вот он и выдает среднее по интернету. Опору можно дать: шрифты, отступы, референсы, ваши прошлые правки. Записали один раз в среду, дальше он собирает макеты с оглядкой на них. Даниил Шишко собрал гайд о том, как это устроить: • по каким признакам AI-дизайн считывают с первого взгляда • что давать агенту вместо описания словами • как подключить библиотеки референсов через MCP • как устроить проверку на слоп до показа работы • готовый скилл против AI-слопа, который можно сразу поставить своему агенту Гайд бесплатный, лежит в боте Даниила. Там же ссылка на эфир: 23 сентября в 18:00 мск Даниил проведет его с Мишей Наером, продуктовым дизайнером из Сбера. Миша покажет, как убирают AI-слоп: что править и в каком порядке, а скиллы против слопа зрители получат прямо там.
Изображение канала: Дизайнер, привет
🦤 В Додо разобрались, почему общий модуль компонентов ещё не дизайн-система
В приложении было много кнопок и других элементов, но общего порядка не было. Одни компоненты копировали по фичам, другие напрямую использовали чужие команды. В итоге изменения приходилось вносить в нескольких местах, а разработчики зависели от решений коллег. Команда добавила паспорта компонентов, правила разработки, сторибук и скриншот-тесты. После этого компоненты начали делать сами фичевые команды, а ИИ стал помогать с шаблонным кодом. За ним всё равно проверяют люди, но ошибки теперь находят до релиза, а разработка компонента подешевела с 3–5 до 2 сторипоинтов. Внутри: – Почему копипаста и прямое переиспользование чужих компонентов одинаково создают проблемы; – Как отличить компонент дизайн-системы от компонента конкретной фичи; – Зачем нужны паспорта компонентов и сторибук; – Как распределить разработку между командами, если владельцев дизайн-системы всего двое; – Почему ИИ хорошо собирает бойлерплейт только вместе с правилами, тестами и ревью. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайнер, привет
🔔 Inspiration #202
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – sunday.ai – cotool.ai – coastpay.com – art-yakushev.com – littleampscoffee.com – twigspaper.com ——— – tricota.com.ar – myjuniper.com – portorocha.com – mastercard.com/businessoutcomes – timestripe.com – musotoku.com ——— – good-fella.com – shade.inc – gte.xyz – hopin.com – petspan.com – wearecollins.com ——— – dotconnect.vc – ova-investment.com – trybento.co – museum.unesco.org – lightweight.info – graphite.space ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Явно.Дизайн
Как работать с референсами при создании визуальной концепции
Референсов обычно много: сохраняем сайты, интерфейсы, картинки — а потом открываем пустой макет и не очень понимаем, как превратить эту папку «красивое» в собственное решение. В этом эфире поговорили с Олегом Бухтияром — продуктовым дизайнером, ex дизайн-лидом hh.ru и основателем Screen Gallery, сервиса с реальными мобильными интерфейсами и пользовательскими сценариями. Разобрались: — как смотреть на референсы не только через «нравится / не нравится»; — как замечать конкретные приёмы: композицию, типографику, цвет, ритм, плотность, иерархию; — чем полезен разбор не отдельного экрана, а целого пользовательского сценария; — как отделять принцип, который можно применить в своей работе, от внешней оболочки конкретного продукта; — как не скатиться в копирование и собрать на основе референса собственный интерфейс; — как хранить и искать референсы, чтобы они работали в нужный момент; — как AI и MCP могут ускорить поиск, сравнение и первичный разбор интерфейсных решений; — как Олег развивает SCRN как самостоятельный продукт: от идеи и первых гипотез до монетизации и новых инструментов. В практической части взяли референс известного дизайнера и попробовали пройти путь: увидеть принцип → разобрать его → применить по-своему. Если после просмотра захочется не просто собирать красивые картинки, а точнее видеть, почему интерфейс работает, — эфир точно пригодится. Кроме того, Олег дал домашку по рисованию визуального концепта — перерисовать экран в стиле дизайнера. Результатами можно делиться тут в комментариях! t.me/o_bukhtiyar t.me/scrn_gallery 🎞 Смотреть на Youtube 🎞 Смотреть в VK Видео #эфир 🍑Явно.Дизайн
Изображение канала: Дизайнер, привет
📈 Как измерять влияние UX-исследований
В Т2 отказались оценивать исследователей по количеству проведённых работ и удовлетворённости заказчиков. Вместо этого команда отслеживает, что происходит с результатами исследований после передачи в продукт: какие артефакты вышли в прод, взяты в работу, отложены или отклонены. Единицей измерения может быть рекомендация, найденная проблема или клиентская метрика. Для каждого результата фиксируют проект, заказчика, дату и текущий статус. В 2025 году показатель влияния исследований составил 78%, но команда использует его прежде всего для разбора причин и улучшения взаимодействия с продуктом. Внутри: – Почему количество исследований плохо подходит для оценки их пользы; – Как устроена трёхуровневая модель влияния; – Какие статусы получают рекомендации и проблемы после исследования; – Как работать с отклонёнными результатами; – Почему исследовательская команда должна быть партнёром продукта и участвовать в Discovery. ➡️ Смотреть видео ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайнер, привет
🤖 Что получилось из ИИ-продакта и команды агентов
Автор собрал систему, где ИИ-продакт работает с бэклогом и принимает решения на уровне продукта, а агенты-исполнители отдельно анализируют, разрабатывают и проверяют задачи. Задачи хранят контекст и историю решений, а продакт следит, чтобы команда решала проблему пользователя, а не просто закрывала пункты технического задания. За неделю система выполнила около 350 задач в четырёх направлениях. При этом быстро выяснилось, что автономность сама по себе не гарантирует эффективность: агенты начали дробить работу, придумывать лишние правила и многократно перепроверять малозначимые вещи. После ретроспективы процессные задачи сократили с 75% до 25%, а кросс-ревью и передачу задач между моделями автоматизировали. Внутри: – Как связаны ИИ-продакт, бэклог с контекстом и конвейер исполнителей; – Почему агенты заходят в тупик, когда видят только свою задачу; – Как избыточные гейты и контроль превращают автономную систему в бюрократию; – Какие изменения помогли сократить лишнюю процессную работу; – Где проходит граница между полезной автономностью и работой ради самой работы. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы