Новый пак иконок в стиле глассморфизм.

Ссылочка на иконки — Glass Icons Источник Иконки Figma

Это очень актуальная тема, и важно слушать мнение не блогеров, цель которых запугать вас и получить просмотров, а экспертов на реальном рынке. Думаю, уже многие знают, что Ксюша (@uxrockru) больше 10-ти лет занимается продуктовым дизайном и работает с крупными продуктовыми командами. Сегодня она проведет интенсив, где подробно расскажет о своем мнении на эту тему и роли AI в реальных продуктах. Будем создавать интерфейс на Google Stitch – он бесплатный, и у вас будет возможность в нем попрактиковаться. Далее все механики, о которых расскажем на интенсиве, вы сможете применять и в других нейронках, например, Claude. Ксюша активно использует нейросети, и делает это уже давно. Например, с помощью ИИ она ускоряет процесс по созданию дизайн-систем. Об этом мы тоже в будущем вам расскажем. Стартуем в 19:00 по мск, будем рады вас видеть. ➡️ Присоединяйтесь в боте

Я нормально отношусь к коротким курсам, но в какой-то момент они перестают закрывать задачу. Особенно если хочется не просто выучить новый инструмент, а нормально усилиться в продукте, коммуникации, визуальных системах или работе с пользовательским опытом. Тут уже нужна более системная история. Не всем, конечно. Но если вы давно думали про магистратуру в дизайне и откладывали, потому что работа, дедлайны и жизнь, у Центрального университета есть формат как раз под это. Старт в сентябре, занятия по вечерам и в выходные. Можно совмещать с работой, а не выпадать из рынка на два года. 🫡 Направления такие: Продуктовый и коммуникационно-графический дизайн. В первом проходите весь путь создания цифрового продукта: от исследований до релиза и аналитики. Во втором работаете с айдентикой бренда: от идеи до продакшена и арт-надзора. Программа называется «Проектирование человеческого опыта» и подходит выпускникам бакалавриата по дизайну и смежным направлениям, а ещё практикующим дизайнерам, которые хотят вырасти до senior-позиций или сменить специализацию. Ещё есть гранты до 75% на всё обучение для сильных абитуриентов. Максимально можно получить до 1 350 000 ₽ за два года. Поступление по портфолио и собеседованию. Если давно хотели учиться дальше, но не хотели ставить работу на паузу, можно посмотреть программу и податься на грант. 🔠 Подать заявку

Как пересматривают традицию и опыт дизайна курсора, дополняя его голосовыми командами и поддержкой ИИ. Часть внутренней разработки новых UX моделей в Coogle. Полвека как был внедрен привычный нам дизайн курсора на экране и его базовые UX-сценарии.

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!

На интенсиве разберем, как использовать ИИ для реальных продуктовых задач: интерфейсов, структуры экранов и работы с UX. Будем тестировать новый инструмент Stitch от Google, смотреть на качество генераций и учиться выстраивать работу с нейросетями как полноценный дизайн-процесс. 💙 Присоединяйтесь в боте На эфире подарим токены для дополнительных генераций в Utopy.ai, а также вы получите практику и домашние задания

Install ️

рассказываем как можно загрузить свои картинки в сферу — тул, который навайбкодил под конец ai-сезона ⚪️ миша, дизайнер pragmatica и 5heads ⚫️⚫️⚫️ основная задача сферы — быстро собрать разрозненный визуал в интерактивную композицию. базовую версию я сделал за 4–8 часов. на добавление функционала загрузки работ времени ушло больше: хотелось сделать не просто дроп файлов, а понятный и красивый инструмент с коротким, но динамичным шоу-рилом + дать возможность встраивать эту сферу в свои сайты и портфолио. затестить << sphere.5heads.ai >> шерьте процесс и свои сферы в комментах! 🌹

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

Как проходила съемка клипа, про который я рассказывал недавно. Крутая работа.

#уроки