Представляете, я выиграла лампу

Это мой второй выигрыш в жизни в подобных рандомайзерах (первый: детский набор маркеров). Эту ☀️лампу своими ручками сделал дизайнер Даниил. Просто из любопытства. Препарировал прототип, доработал, улучшил и воспроизвел. Очень по-дизайнерски) Я в восхищении и большой радости, что попалась в десятку ее обладателей. Пост про историю ее создания. Ещё раз огромное спасибо! Крутая штука получилась!

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

Если сейчас открыть вакансии, картина в целом понятная. Фигма уже давно база, насмотренность тоже. А вот дальше почти везде начинают мелькать Курсор, Клод, Мижорня и другие AI инструменты. То есть AI навыки из «будет плюсом» довольно быстро перешли в категорию «ну это уже надо уметь». Но проблема даже не в этом. Названия инструментов знают уже почти все. А вот нормально встроить их в рабочий процесс умеют пока немногие. Обычно как бывает. Нагенерил интерфейс, на первый взгляд вроде ок. А потом смотришь внимательнее: компоненты не из твоей библиотеки, токены кривые, стили живут своей жизнью и половину все равно приходится пересобирать руками. В итоге времени потратил много, токены сжег, а профита не так уж и много. 🗓 7 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведет бесплатный эфир как раз про это. Покажет не абстрактные советы, а нормальный процесс на реальной задаче. Возьмет кейс от крупной красной корпорации из РФ: сложный интерфейс, сайдбар с вложенными сервисами, два типа пользователей и своя дизайн система. В общем, та самая история, на которую обычно уходит несколько дней только на макеты, а потом еще ждешь, пока все это закодят. 🔥 Что покажет? На эфире соберет это за час через Antigravity с Claude Code внутри. Покажет, как перенести дизайн систему так, чтобы AI сам подтягивал правильные компоненты, и как быстро собрать прототип, который уже можно тестировать. Плюс отдельно покажет, как вкатиться в такой агентский воркфлоу без лишних затрат. Если давно хотели понять, как AI реально использовать в продуктовой работе, а не просто гонять красивые картинки, выглядит полезно и актуально на текущий год точно) Эфир будет у ребят в канале, вэлком 🔠 Смотреть эфир 🔠 Смотреть эфир 🔠 Смотреть эфир

Для каждого дизайнера есть свой пул инструментов: Kling, Midjourney, ChatGPT, Codex и другие. Но до сих пор многие не до конца понимают, как встроить их в рабочий процесс Сейчас, вдобавок к обычным чатам, становятся популярнее Codex / Antigravity / Claude — потому что с их помощью можно делать свои продукты или прототипы. Но проблема, с которой сталкиваются люди (в том числе писали в комментариях в этом канале) — это непонимание, как связать компоненты между Figma и продом. Я сам пока не нашёл оптимальное решение, но уже знаю про несколько рабочих вариантов 😇 Как раз на эту тему Даниил Шишко из Pixel Perfect проведёт бесплатный эфир, где покажет полный процесс. Возьмёт реальную задачу от одной большой «красной» корпорации из РФ: нужно спроектировать сайдбар с вложенностью, разными типами пользователей и своей дизайн-системой. Это очень близкий формат задачи в продуктовой команде Когда? 7 апреля в 18:00 МСК Всё будет в лайв-формате, инструмент — Antigravity с Claude Code внутри. Что именно будет: - Перенос дизайн-системы так, чтобы AI сам брал правильные компоненты - Вайбкодинг рабочего прототипа через Claude Code, готового к тесту - Дополнительно покажет способ вкатиться в агентский воркфлоу, который работает бесплатно Я сам планирую пойти, потому что хочется посмотреть на подход 🔥 Эфир будет в закрытом тг-канале, подписывайтесь: https://t.me/+SpH0wTjuA0A1YmUy

Install

tiborlovas.com/#wirefigma

Получи новый профессиональный навык за месяц: один курс — один навык — один готовый результат! Доступны направления по 3D-моделированию, работе в Clo3D, UX-прототипированию, Adobe Photoshop, Illustrator и Premiere, дизайну презентаций, стартап-проектам и другим навыкам. ⚡️ Спеши зарегистрироваться! #РГУимКосыгина  #УниверситетКосыгина 📚 Сайт 🌐 Telegram 🌐 VK  🌐 RUTUBE 👻 МАХ

На одном из проектов мы активно используем ее, как рабочий прототип. И пожалуй, это первый раз за всю шумиху с нейронками, когда я почувствовала революционное решение. Этот инструмент действительно очень удобен и выполняет невероятные вещи по командам с ИИ-чатом. Раньше для наглядности и проверки флоу нам нужно было линковать все макеты и состояния элементов в обычной Figma, а сейчас на довольно качественном уровне вы можете попросить сделать это Make (текстовым описанием или прикрепленными Figma файлами). Настоящая магия! НО сейчас в проекте мы уперлись в необходимость опоры на дизайн-систему. Из-за отсутствия привязки к какому-то главному Figma макету, наши версии могут немного плясать по дизайну. Только из-за этого неудобства Make сейчас не может стать самостоятельным инструментом. Думаю, это докрутят в ближайшее время. Во всем остальном считаю это прорывом 🖤 Очень советую попробовать! Сейчас пока еще можно поиграться с ней в бесплатной версии. Картиночка взята из статьи

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

Покажем, как использовать нейросети в реальной продуктовой работе – от первых вводных до готового прототипа. Это не теория ради теории: вы будете решать задачу с настоящими условиями и логикой, как в коммерческом проекте. На реальной задаче от зарубежной компании разберем, как применять AI на каждом этапе: • анализировать предметную область и быстрее вникать в задачу; • продумывать пользовательские сценарии; • собирать интерфейсы и визуальные решения; Поговорим о том, как нейросети помогают ускорять мышление, проверять гипотезы и делать работу более предсказуемой без бесконечного перебора и лишних затрат. Впереди 3 дня практики: ➡️ 25 марта в 19:00 мск – онлайн-лекция с теорией, практикой и бесплатными токенами ➡️ 25 марта в 19:30 мск – видеоурок и три домашних задания ➡️ 27 марта в 19:00 мск – финальный эфир с разбором работ и розыгрышем токенов В конце разберем ваши работы и покажем, как можно усилить результат. Присоединяйтесь, будет максимально прикладной и насыщенный интенсив 💜 ➡️ Регистрируйтесь по ссылке

Сайт 🍲

Архив творчества Вирджила Абло. Более 20 000 объектов из его практики: мода, дизайн, музыка, искусство и реклама — от оригинальных работ и прототипов до эскизов, цифровых материалов и архивных артефактов. #искусство #минимализм #образование Посмотреть сайт 👨‍💻

Гугл делал агент, который сам проверяет созданные приложения: делает скриншоты, отправляет их мультимодальной модели, та решает куда кликать и что вводить. Технически крутая задача, но сложная. Барон Вебстер, дизайнер в команде, спросил: а зачем? Давайте просто покажем сайт пользователю и попросим его протестировать. Вся сложная система стала не нужна. Вебстер работает в Фигме как дизайнер моделей. Это первая такая роль в мире. Не обычный дизайнер интерфейсов. А человек, который работает с моделями, проверками, промптами и понимает поведение AI на глубоком уровне. До Фигмы сделал Teachable Machine в Google (2017), потом три года в Replit запускал AI-фичи, которые вывели стартап в единороги. Теперь учит дизайнеров Фигмы работать с AI и строит инструменты для прототипирования AI-фич до того, как рисовать интерфейсы. Внутри: — Не делайте интерфейс для идеального случая. Сначала поиграйте с моделью, потом рисуйте кнопки; — Проверки работы модели это как покрытие тестами в программировании. Без них проверка вручную занимает огромное время; — Главный совет: потратьте время, чтобы понять, что входит в модель и что выходит. Иначе станете просто рисовальщиком кнопок; — В Replit две трети успешных проектов были реактивными: выкатили фичу, посмотрели кто её использует, поговорили с ними; — Риск для дизайнеров: инженеры контролируют промпты, проверки, модели. Дизайнеры могут остаться только делать интерфейсы. А вы работаете с AI-продуктами? Или пока смотрите, что делают другие? ➡️ Читать интервью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Собрали 5 вымышленных проектов, которые помогут заполнить портфолио и отточить нужные навыки. Выбирайте то, что нравится, и просто начните. А если хотите разобраться глубже и добавить в портфолио реальные проекты — наши курсы помогут. 1️⃣ Редизайн приложения, которым пользуетесь каждый день Возьмите приложение, в котором вас что-то раздражает, и переделайте проблемный экран. Покажите, как анализируете UX-проблемы и предлагаете решения. Скилы: user research, работа с пользовательскими сценариями. 2️⃣ Лендинг для несуществующего продукта Придумайте продукт (приложение для медитации, онлайн-курс, эко-магазин) и сделайте для него лендинг. Покажите структуру страницы и адаптив. Скилы: веб-дизайн, UI, работа с иерархией, адаптивность. 3️⃣ Упаковка для вымышленных предметов Создайте дизайн упаковки для чего угодно: чая, свечек, шоколада, косметики. Покажите, как продукт будет выглядеть на полке. Скиллы: графический дизайн, работа с формой, типографика, визуализация. 4️⃣ Редизайн плаката известного фильма Выберите любимый фильм и сделайте к нему новый постер. Это хорошее решение, если вдохновения на другие выдумки нет. Скиллы: композиция, работа с образами, типографика, концептуальное мышление. 5️⃣ Концепт мобильного приложения от идеи до прототипа Придумайте проблему, которую решает приложение, опишите целевую аудиторию, нарисуйте user flow и сделайте несколько ключевых экранов. Скиллы: UX-исследование, проектирование, UI, работа с пользовательскими сценариями. #польза @contented

Я смотрю на вакансии каждый день и одна штука уже прям бросается в глаза. Почти везде от дизайнера ждут не только фигму и вкус, но и понимание AI-инструментов. Cursor, Midjourney, ChatGPT, Claude, Kling и дальше по списку. Но проблема в другом. Сами инструменты все уже знают по названиям, а вот как встроить их в реальный дизайн-процесс, до сих пор понимают немногие. Не просто покрутить что-то ради картинки, а реально ускорять работу, сильнее собирать прототипы и быстрее доводить макеты до готового продукта. Ребята из Pixel Perfect 😇 как раз делают два бесплатных эфира сегодня и завтра (17 и 18 марта) на эту тему. Покажут полный процесс работы с Cursor на практике. Подключат Фигму к Cursor через MCP, перенесут дизайн-систему и компоненты из макета в код, соберут страницу и задеплоят ее на сервер. Вести эфиры будет Даниил Шишко. Он использует AI на всех этапах работы, от ресерча и генерации идей до прототипирования и финальной сборки интерфейсов. Самое полезное тут в том, что вам покажут не отдельные фишки, а весь путь целиком. От дизайн-системы в Фигме до живого сайта с CMS и аналитикой, который уже можно передать продакту или клиенту. То есть без магии и воды, просто нормальный рабочий процесс, который уже нужен рынку. Эфиры пройдут в закрытом тг-канале. Если хотите наконец понять, как AI реально использовать в дизайне, а не просто читать про него в постах, советую залететь. 🔠 Пойти на эфир 🔠 Пойти на эфир 🔠 Пойти на эфир

Я смотрю на вакансии каждый день и одна штука уже прям бросается в глаза. Почти везде от дизайнера ждут не только фигму и вкус, но и понимание AI-инструментов. Cursor, Midjourney, ChatGPT, Claude, Kling и дальше по списку. Но проблема в другом. Сами инструменты все уже знают по названиям, а вот как встроить их в реальный дизайн-процесс, до сих пор понимают немногие. Не просто покрутить что-то ради картинки, а реально ускорять работу, сильнее собирать прототипы и быстрее доводить макеты до готового продукта. Ребята из Pixel Perfect 😇 как раз делают два бесплатных эфира сегодня и завтра (17 и 18 марта) на эту тему. Покажут полный процесс работы с Cursor на практике. Подключат Фигму к Cursor через MCP, перенесут дизайн-систему и компоненты из макета в код, соберут страницу и задеплоят ее на сервер. Вести эфиры будет Даниил Шишко. Он использует AI на всех этапах работы, от ресерча и генерации идей до прототипирования и финальной сборки интерфейсов. Самое полезное тут в том, что вам покажут не отдельные фишки, а весь путь целиком. От дизайн-системы в Фигме до живого сайта с CMS и аналитикой, который уже можно передать продакту или клиенту. То есть без магии и воды, просто нормальный рабочий процесс, который уже нужен рынку. Эфиры пройдут в закрытом тг-канале. Если хотите наконец понять, как AI реально использовать в дизайне, а не просто читать про него в постах, советую залететь. 🔠 Пойти на эфир 🔠 Пойти на эфир 🔠 Пойти на эфир

Привет, сегодня хочу вот чем поделиться. Мы сейчас проектируем и делаем дизайн нового сайта для одной большой тюменской компании, которая занимается производством. Пока не могу сказать, чего именно производством. Как будет концепция готова, обязательно поделюсь. Чем сейчас хочу поделиться — это инсайтами с наших встреч с заказчиками. Я очень радуюсь, когда получается сотрудничать с устоявшимся бизнесом, у которого есть понятные для них же и для окружающих процессы. Есть нормальная бизнес-модель, есть понимание того, как они развиваются, есть вообще видение себя, видение своего развития. Мы сейчас находимся на стадии создания прототипов для нового сайта, дописываем тексты. У нас есть ключевая задача — донести информацию до потребителей о продукте через эмоциональную составляющую. Потому что продукт очень дорого стоит. Продавать их с точки зрения функциональности, типа "купи меня за полмиллиона, потому что я не ломаюсь" — можно, но чаще всего такие вещи люди покупают единоразово на всю жизнь. В таких покупках ощущение спокойствия, комфорта, статуса и самоудовлетворения будет превалировать. На каждой встрече, которая у нас проходит с заказчиком — максимально комфортная и приятная атмосфера, всё спокойно, всё размеренно. Нас выслушивают, дают свои комментарии. Более того, смотрят на те решения, которые мы предлагаем, отмечают их и забирают на обсуждение для внутренней команды. Обожаю такие проекты, когда заказчик чётко понимает, чего хочет, приходит на встречи вовремя, даёт нормальную обратную связь. Кстати, обратная связь от них — это отдельная прекрасная песня, потому что всё чётко, размеренно, очень подробные ответы на вопросы. Бывает, отошлёшь вопросы, и хер дождёшься ответов. Ну, или пишут "вопросы не читали, времени нет, вы сами что-то придумайте". Но это не тот случай. Здесь всё чётенько, как в часах швейцарских. Короче, обожаю работать со взрослым бизнесом. Если бы все такие заказчики были, я бы просто был самым счастливым человеком. Ну всё. Пошел работать.

А пока делимся с вами важными ссылками с субботней лекции Саши на UX/UI Conf о шрифтах в вебе. В подборке есть и книги, и записи других лекций, и статьи. Надеемся, каждый найдёт для себя что-то интересное. ⚡️ Пара мыслей с лекции, которые могут выручить вас — Иногда шрифтовые дизайнеры добавляют прямо в название шрифта подсказку, в каких размерах его использовать — смотрите картинку к посту. — Если вы собираетесь использовать шрифт в мелком кегле, особенно на экране — межбуквенные расстояния должны быть достаточно просторными, в этом случае может помочь разрядка (положительный трекинг). — Если вы собираетесь использовать шрифт в крупном кегле, отрицательный трекинг допустим, но обязательно проверяйте его на сложных сочетаниях типа «ух», «кл», «гт» — не давайте буквам слипнуться! — Если вы хотите попробовать использовать на сайте новый для себя шрифт, обязательно посмотрите на прототип из Windows с самого старого монитора, какой найдёте, чтобы проверить экранное отображение. ⚡️ Шрифты, о которых спрашивали во время лекции (ими была сделана презентация): Роскошный Hint Эксцентричная Helsa У нас на сайте появились тестовые версии, не забывайте скачивать и примерять шрифты ⚡️ Бесплатные шрифты, которые участвовали в лекции 🐶 Текстовые: Commissioner Geologica Golos Text Golos UI IBM Plex Sans Onest PT Root UI Tilda Sans 🐶 Не совсем текстовые Lanze Martian Grotesk 🐶 Совсем не текстовые Ambidexter Kudry Weird Headline ⚡️ Статьи, курсы, инструкции и коды: 🔸Большая подборка шрифтов без бюджета с приличной кириллицей  🔸«Как разобраться в кириллице» — статья 🔸«Как разобраться в кириллице» — бесплатный курс 🔸Статья ABCDinamo о встраивании вариативных шрифтов на сайт (на английском) ⚡️ Примеры кода для вариативных шрифтов с codepen.io 🔸Изменение жирности по ховеру 🔸Анимация изменения формы независимо от курсора 🔸Анимация изменения ширины независимо от курсора 🔸Изменение жирности в той части надписи, где курсор 🔸Изменение ширины и жирности в той части надписи, где курсор ⚡️ Ещё немного полезного: 🔸Статья о микротипографе, который мы встроили в шрифт 🔸Статья о том, как включить возможности OpenType в CSS и Фигме 🔸«Тёмная сторона шрифта» суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🔸Статья о том, как бесплатно попробовать шрифты 🔸Статья о многоязычных шрифтах 🔸Большая статья о шрифтовых лицензиях ⚡️ Приложения: Фонтоскоп — бесплатное приложения для теста почти всей библиотеки Паратайп в Ai, Ps, Id, Figma Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся

Каждый день вижу про нейросети десятки, а то и сотни постов. Но большинство дизайнеров так и не понимают, как их применять в реальной работе. Не для генерации картинок или видосов на 8 секунд, а для решения продуктовых задач. С 25 по 27 февраля Ксения Толокнова (экс-дизайн-лид Альфа-Банка 💳) проводит бесплатный интенсив про использование ИИ в работе продуктового дизайнера. 📢 Что будет 3 дня практики, 2 закрытых эфира, 3 практических задания с разбором. Покажут, как интегрировать ИИ в процесс от анализа задач до подготовки прототипов. Разберут частые ошибки в работе с нейросетями. И главное, пройдёте полный цикл работы над тестовым заданием на основе реального процесса трудоустройства в продуктовую команду. Это полезно, потому что тестовые сейчас дают почти везде. Ещё будет розыгрыш призов и сертификат за прохождение. Если хотите разобраться, как реально использовать нейросети в работе, а не просто читать про них в новостях, регистрируйтесь 💪 ➡️ Зарегистрироваться на интенсив ➡️ Зарегистрироваться на интенсив ➡️ Зарегистрироваться на интенсив

Эдди Османи, ведущий разработчик Google AI, объяснил, почему не стоит называть вайб-кодингом любое написание кода с помощью ИИ и романтизировать это понятие. Он предлагает разделять хаотичное ИИ-прототипирование (вайб-кодинг) и агентную разработку — дисциплинированную инженерную работу с ИИ-агентами под жёстким контролем человека. Агентная разработка подразумевает чёткое описание спецификации и архитектуры, грамотную постановку задач агентам, обязательные ревью, строгие тесты и контроль продакшена, который невозможен без фундаментальных знаний. Такой процесс даёт опытным специалистам кратный прирост продуктивности, а джуны становятся ненужными, так как их рутинную работу теперь выполняет ИИ. Если начинающие разработчики будут делать ставку на разработку без знаний кода (вайб-кодинг), то это приведёт к дефициту специалистов в будущем. #нейро@zhurnalus_lite