🤖 Команда потратила месяцы на систему автоматического тестирования сайтов. Дизайнер предложил просто показывать сайт пользователю
Гугл делал агент, который сам проверяет созданные приложения: делает скриншоты, отправляет их мультимодальной модели, та решает куда кликать и что вводить. Технически крутая задача, но сложная. Барон Вебстер, дизайнер в команде, спросил: а зачем? Давайте просто покажем сайт пользователю и попросим его протестировать. Вся сложная система стала не нужна.
Вебстер работает в Фигме как дизайнер моделей. Это первая такая роль в мире. Не обычный дизайнер интерфейсов. А человек, который работает с моделями, проверками, промптами и понимает поведение AI на глубоком уровне. До Фигмы сделал Teachable Machine в Google (2017), потом три года в Replit запускал AI-фичи, которые вывели стартап в единороги. Теперь учит дизайнеров Фигмы работать с AI и строит инструменты для прототипирования AI-фич до того, как рисовать интерфейсы.
Внутри:
— Не делайте интерфейс для идеального случая. Сначала поиграйте с моделью, потом рисуйте кнопки;
— Проверки работы модели это как покрытие тестами в программировании. Без них проверка вручную занимает огромное время;
— Главный совет: потратьте время, чтобы понять, что входит в модель и что выходит. Иначе станете просто рисовальщиком кнопок;
— В Replit две трети успешных проектов были реактивными: выкатили фичу, посмотрели кто её использует, поговорили с ними;
— Риск для дизайнеров: инженеры контролируют промпты, проверки, модели. Дизайнеры могут остаться только делать интерфейсы.
А вы работаете с AI-продуктами? Или пока смотрите, что делают другие?
➡️ Читать интервью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
У знаменитого «платья мести» принцессы Дианы, кажется, появился достойный соперник — образ Лили Аллен на концерте в Глазго.
Исполняя песню 4chan Stan (в ней поется о том, как Аллен узнала об измене своего бывшего мужа Дэвида Харбора по обнаруженным чекам из универмага Bergdorf Goodman), певица облачилась в длинную ткань, на которой были напечатаны те самые чеки вместе со скриншотами переписок Харбора и рукописными текстами ее новых треков.
🔹The Blueprint News
🏥 Врачи нарушали конфиденциальность пациентов, потому что консультации были неудобными
В старой версии платформы консультация работала так: кнопка с тремя точками, ввод email, переписка вне платформы. Консультанты не замечали письма, не переходили по ссылкам или отвечали поздно. Врачи пытались спасаться комментариями, но это нарушало правила безопасности.
Никита Сошин и Александра Дёмина из evilUnion сделали перезапуск платформы цифровой патоморфологии Histoscan. Не редизайн, а полную перезагрузку B2B MedTech SaaS для клиник и лабораторий. Врачи работают в таких системах 40-56 часов в неделю, количество аннотаций на одном слайде достигает 100 штук, а ошибка может стоить чьей-то жизни. Главное открытие: отсутствие опыта в медицинских IT-продуктах оказалось преимуществом. Не стали заложниками устоявшихся правил и могли свободно экспериментировать.
Внутри:
— Панель информации случайно стала уникальным торговым предложением продукта;
— Почему использовали шрифт 10px и он оказался читаемым (межбуквенный интервал +0,3px);
— Система консультирования внутри приложения: запрос, уточнение, ответ, успешность 75%;
— 200+ иконок с именами планет из Звездных Войн (цвета тоже: Татуин, Корусант);
— Как сделали кнопку, которая одна работает на всех уровнях интерфейса.
Статья с десятками скриншотов процесса, прототипами, User Flow и разбором каждого решения. Видно, сколько итераций прошли, прежде чем нашли то, что работает.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🍕 Арт-директор Додо за 2 часа и $100 сделал анимацию печенья, которую 3D-шник оценил бы в 500 тысяч рублей
Команда Dodo Brands рассказала, как использует AI в реальной работе. Гаврил Перов, арт-директор Дринкит, сидя в кофейне собрал в GPT и Kling визуал печенья с предсказанием для экрана "После заказа". Этой печенькой пользовались 6 месяцев, скриншотили около 1000 раз. Вика Зеликова натренировала ChatGPT на десятках примеров релиз-ноутсов, теперь пишет их в 3 раза быстрее. Ваня Уваров за 2 недели переписал интерфейс админки для комбо-наборов через Lovable и ChatGPT, потратил $75 на токены. Никита Белкин автоматизировал перенос цветов из Figma в код через Claude Sonnet 4 и Gemini 2.5 Pro в Cursor.
Внутри:
– Печенье с предсказанием: GPT + Kling, 2 часа работы, $100 на токены, альтернатива 300-500к у 3D-шника;
– Видео в карточке товара: Higgsfield.ai по готовым шаблонам, референсы для фотолаборатории и тесты для прода;
– Пицца-гороскоп на хакатоне: ChatGPT написал промпты для Midjourney, 6 карточек под 6 знаков зодиака, анимация через Higgsfield.ai;
– Релиз-ноутсы: обучила ChatGPT на десятках примеров, зафиксировала правила стиля, экономия времени в 3 раза;
– Автоматизация цветов: Token Studio выгружает JSON из Figma в GitHub, Cursor конвертирует в XML для Android и xassets для iOS, GitHub Actions создаёт Pull Request;
– Тексты в ToV бренда: скормила редполитику, ToV, глоссарий, исследование аудитории, теперь ChatGPT генерирует идеи и подходящие фразы;
– Deep Research: ChatGPT 5 Thinking анализирует бенчмарки, конкурентов, находит кейс-стади, даёт дельную обратную связь;
– Интерфейс админки: рисунки от руки в блокноте, ChatGPT оцифровал, Lovable сверстал, Ant Design подключили, реальные данные из JSON, 2 недели от задачи до решения.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Новости с дизайн-премии CssDesign Awards ⚡⚡⚡
В конце прошлого года нас просто адски завалило проектами и я не публиковал дайджест Ноября. Работа, дедлайны, созвоны, правки. Но исправляюсь и возвращаюсь к нормальному ритму с декабрьским дайджестом.
В декабре 2025 вышло реально много классных проектов. Это точно работы, на которые стоит посмотреть внимательно.
В подборку попали и ребята из РФ, проект от Vide Infra и Артема Якушева. Очень разный, но одинаково сильный уровень.
Я уже написал большую статью на сайте https://dsgners.ru/ancora/28137-dizayn-daydjest-css-design-awards-sayt-mesyatsa-dekabr-25">Dsgners
👉🏼 https://dsgners.ru/ancora/28137-dizayn-daydjest-css-design-awards-sayt-mesyatsa-dekabr-25
Разобрал 5 проектов, оставил ссылки, скриншоты и мои комментарии. Там же объяснил, почему не согласен с первым местом и как, на мой взгляд, иногда работает логика жюри на таких премиях.
Это не истина в последней инстанции, а моя авторская оптика, с которой вы можете как согласиться, так и поспорить в комментах.
Приятного просмотра и чтения.
🏆 Саша из Анкóры
В сервисе Stitch от Google появилась функция Redesign Agent. Она позволяет загружать изображения интерфейсов или работать со скриншотами приложений и с помощью текстовых команд перерабатывать дизайн.
Агент работает на базе Nano Banana Pro 🍌 и умеет превращать получившиеся редизайны в рабочий HTML-код. Помимо этого, в Stitch появилась возможность мгновенно оценивать распределение внимания на экранах с помощью тепловых карт.
✏️ О важности этапа прототипа
Не все дизайнеры включают в свою работу по разработке сайтов этап прототипирования, но иногда без него никак не обойтись. Ранее я уже писала про этап проектирования, но хочу ещё добавить пару слов о его важности.
На скриншоте вы видите интерактивный прототип довольно большого сайта, который мы вместе с заказчиками делали несколько месяцев, он претерпел немало изменений с его первой версии, и вот наконец мы его почти согласовали.
Написаны все тексты, продуманы все блоки и страницы, отрисованы все переходы и UX составляющие. Осталось только упаковать эти варфреймы в красивый дизайн, а функционал уже полностью готов. Если б не было прототипа, все это пришлось бы продумывать на этапе дизайна. И вместо того, чтобы мозг полностью погрузился в процесс рисования, ему пришлось бы делать сразу две противоположные по своей сути задачи — на логику и творчество. Согласитесь, это очень трудоёмко и, как правило, приводит к не очень хорошему результату.
Поэтому я разделяю процессы прототипирования и дизайна на два разных этапа — это помогает качественнее решить данные задачи: сначала включаем логику, а потом творчество (в идеале, если эти этапы делают два разных человека).
💭 Поделитесь в комментариях, делаете ли вы прототипы? Для всех проектов или только для части? Есть ли трудности в создании прототипов? Может вам не достает теории по этому этапу? Буду рада любой вашей обратной связи 🤗
#прототип
Fig Store — плагин позволяет находить иконки и скриншоты приложений из App Store.
😍 Как давать обратную связь подрядчикам без лишних правок
Михаил Раков из агентства JH agency рассказал о системе обратной связи, которая сокращает количество итераций и сохраняет мотивацию исполнителей. Главная идея в том, чтобы писать комментарии как техническую инструкцию, без эмоций и оценок.
Ключевой приём это использование зелёного цвета вместо красного для комментариев. Красный ассоциируется со школьными ошибками и демотивирует, а зелёный показывает совместную работу над улучшением. Михаил пишет комментарии прямо на макетах скриншотами, чтобы избежать недопонимания. Предложения не длиннее 15 слов, активные глаголы без страдательного залога, никаких двойных отрицаний и жаргона. Если специалист задаёт вопрос повторно, Михаил отвечает снова, а не отсылает искать в переписке, потому что это экономит время проекта.
Внутри:
– Почему абстрактные комментарии приводят к лишним итерациям;
– Как принцип технической инструкции убирает споры и рефлексию;
– Зачем прикладывать референсы прямо на макет;
– Почему нельзя ругать за инициативу, даже если она затянула проект;
– Какие три причины чаще всего задерживают проекты;
– Почему похвала эффективнее критики для мотивации.
➡️ Смотреть видео
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Плагин ShareShots — позволяет быстро и красиво оформлять скриншоты из выбранных фреймов.
Подборка полезных ресурсов
👉 Инструмент визуального мышления для новых идей и решения сложных проблем
👉 Простой онлайн-редактор для создания сторис
👉 Инструмент для записи красивых демонстрационных роликов интерактивных прототипов
👉 Графический редактор на основе искусственного интеллекта, который работает прямо в браузере
👉 Сервис для проверки контрастности цветовых пар
👉 Игра, которая учит кернить
👉 Подборка полезных каналов для дизайна
👉 Сервис для создания скриншотов любого сайта
👉 Крутой проект, в котором можно найти различное исполнение букв, форм, символов
Подборка полезных ресурсов
👉 Инструмент визуального мышления для новых идей и решения сложных проблем
👉 Простой онлайн-редактор для создания сторис
👉 Инструмент для записи красивых демонстрационных роликов интерактивных прототипов
👉 Графический редактор на основе искусственного интеллекта, который работает прямо в браузере
👉 Сервис для проверки контрастности цветовых пар
👉 Игра, которая учит кернить
👉 Подборка полезных каналов для дизайна
👉 Сервис для создания скриншотов любого сайта
👉 Крутой проект, в котором можно найти различное исполнение букв, форм, символов
Подборка полезных ресурсов
👉 Инструмент визуального мышления для новых идей и решения сложных проблем
👉 Простой онлайн-редактор для создания сторис
👉 Инструмент для записи красивых демонстрационных роликов интерактивных прототипов
👉 Графический редактор на основе искусственного интеллекта, который работает прямо в браузере
👉 Сервис для проверки контрастности цветовых пар
👉 Игра, которая учит кернить
👉 Подборка полезных каналов для дизайна
👉 Сервис для создания скриншотов любого сайта
👉 Крутой проект, в котором можно найти различное исполнение букв, форм, символов
Очень занудная (я предупредил) и поэтому интересная лекция как Джонни Айв с командой редизайнили Baskerville для своего шрифта в LoveFrom.
(у меня есть привычка скриншотить интересные лекции и презентации, чтобы сохранить это в фигме и больше никогда не открывать этот файл, поэтому пусть хотя бы тут полежит)
→ https://youtu.be/5b6g8eT0uuc?si=NHkGc_P8NnSUSbRK
AppMockUp — сервис для создания красивых скриншотов в App Store и Play Store.
Одни из любимых графических плагинов в Figma📁
Разные графические приемы в 2 клика – глитч, дизеринг, ASCII, блюр и многое другое от одного автора плагинов в Figma.
Ссылка на автора в Community🔗
Некоторые плагины не связаны с графикой (есть также плагины для экспорта, архивов и т.д.), но можете просто добавить те, что показаны у меня на скриншоте🙂
#полезное
Спасибо за огонечки, выпросил 😁🔥
А теперь прошу заценить результат)
Оформил для группы ВК обложки, меню, виджеты. Еще были карточки услуг, но они не уместились 🤷♂️
Из готовых изображений тут только текстура фона, скриншоты и купюра. Все остальное — генерации.
Самое интересное, что референсы клиента на 100% пересекались с моими сохраненками на пинтересте, которые давно хотелось реализовать.. Наконец, выпал шанс 🔥
🔗 Заказать дизайн можно тут, написав моей команде.
Или ставь любую реакцию — если хочешь, чтобы я чаще брал заказы и показывал работы 😁
