Как собрать портфолио для бигтеха

Статья помогает понять, как должно выглядеть портфолио, чтобы пройти длинную воронку найма в крупные технологические компании. Автор рассказывает, чем отличается подход к портфолио для бигтеха от студийного и на что особенно обращают внимание.

Читать на дизайнерс | #Карьера

Гео-аналитическая платформа вдвоём за 2,5 месяца: история spec-driven разработки

Автор поделился опытом старта проекта с чистого листа. Перед ним стояла амбициозная задача, не было легаси и была полная свобода выбора подхода. Он решил максимально довериться AI и больше не трогать код. Изначально были сомнения, что такой подход выдержит реальный масштаб, так как опыт подсказывал, что чем больше проект, тем быстрее AI путается в контексте и упирается в лимиты.

Через 2,5 месяца работы вдвоём удалось запустить гео-аналитическую платформу. Автор отмечает, что в до-AI эпоху такой проект строили бы годами. Этот опыт изменил его представление о разработке.

Читать далее

John Romero 🤘🏽 (romero):
I’m so sorry for everyone at id Software affected by these layoffs.

I know what it feels like to leave id while id goes on. It’s a strange and painful thing to step away from a place that holds so much of your work, friendships and history.

The people at id have done a great job moving that legacy forward. DOOM, Quake, and Wolfenstein are not easy names to carry on, especially in today’s industry. The last few games showed real care, skill and respect for what those worlds mean to people.

A note on digital preservation: id's history is critically important to the history of games. I’ve preserved id’s complete early history from our start at Softdisk through to August 6, 1996, including materials and assets that, as far as I know, id itself no longer has. I hope someone is doing the same for the company’s ongoing legacy (the work, code, assets, stories and the people behind them).

I’m thinking of everyone at id today, and everyone else...

Парадокс конечно что у графических дизайнеров печатки порог входа и знаний больше, работа утомительнее и кропотливее, а зарплаты и востребованность гораздо меньше чем у любого вебдиза.

Ui-щик бы наверное кукухой поехал если бы ему пришлось учитывать в лендосихах хотя бы что-то из ада который творится при препрессе простейшей этикетки.
Это даже не говоря о цене ошибки, где графдиз на органы поедет запоров тираж или прессформу на гигантском тираже (я как-то из своего кармана 30к отвалил за ошибку в 3х билбордах).

Автор видео: karyanin.anton

Чем дальше — тем больше свежих материалов об интеграции ИИ-инструментов с дизайн-системами. Но не только:
 
1. Design Tokens Visualizer: Сервис помогает наглядно увидеть связи между разными токенами и компонентами дизайн-системы.
 
2. Storybook 10.3: Самое главное — появился MCP-сервер и это сильно упрощает доступ ИИ-агентов к вашей дизайн-системе без корявых временных генераций и парсинга. Brad Frost поговорил с создателем фреймворка Dominic Nguyen о том, что это значит для дизайн-систем.
 
3. Alice Packard: Сравнивает все возможные способы организации иконок разного размера в дизайн-системе. Её рекомендация — компонент с вариантами, где размер задан как свойство компонента.
 
4. Brad Frost: Свежие наработки по генерации интерфейса в реальном времени на основе дизайн-системы через ИИ-команды. Это скорее обзор его свежих экспериментов, но достаточно разнообразный.
 
5. Nathan Curtis: Скрипт, который сильно удешевляет считывание нейронкой компонентов дизайн-системы в Figma. Это ускоряет процесс и не сжигает токены лишний зазря.
 
6. Figma Make: Может использовать вашу дизайн-систему и полезные файлы-вложения для понимания контекста. Дизайн-систему пока что нужно адаптировать в формат Make kit, но со временем такое должно быть автоматизировано.
 
7. Donnie D'Amato: Напоминает, что популярное сейчас движение «я сгенерил дизайн-систему через нейронку за пару часов» — решает только один из кусочков этой задачи. Дизайн-системы созданы для переиспользования командами. И главная сложность — сделать это простым и понятным, чтобы обеспечить достаточное покрытие. Хотя быстрая сборка первой дизайн-системы алгоритмами может помочь небольшим продуктам на старте — это хороший быстрый MVP. Или облегчить аудит текущего состояния.
 
8. Ben Callahan: Калькулятор, чтобы определиться: писать свою дизайн-систему или адаптировать готовый фреймворк? Он позволяет играть разными параметрами, чтобы принять решение.
 
9. ShadCN Themes: Инструмент для создания тем оформления для дизайн-систем на базе shadcn/ui. И большой каталог уже готовых.
 
10. Tailwind CSS Colors: Генератор цветовых тем оформления под Tailwind CSS на основе основного цвета бренда.
 
11. Webflow: Улучшили работу с компонентами и их вариантами. Их можно также генерировать с помощью ИИ.
 
12. PJ Onori: Занятный эксперимент — он дал нескольким ИИ-агентам задачу собрать один и тот же интерфейс на основе старой и новой дизайн-системы. И сравнивал эффективность и проблемы каждой версии.
 
13. zeroheight: Отчёт о состоянии дизайн-систем в 2026 году. Выборка малюсенькая (147 человек), но интересны скорее сами вопросы, чем конкретные цифры.
 
#designsystems

Чуток свежих интерфейсных паттернов и лучших практик:
 
1. A11Y.md: Контекстная инструкция для ИИ-моделей по поддержке accessibility. Это MD-файл, который загружается в сессию работы с нейронкой.

2. Durgesh Rajubhai Pawar перечисляет пачку типичных проблем с accessibility в коде, сгенерированном ИИ. И показывает, как их исправить.
 
3. AI Interaction Atlas: Большой каталог паттернов дизайна для ИИ-продуктов и взаимодействия с ИИ в целом.
 
4. NN/g: Чеклист лучших практик при дизайне чат-ботов на сайтах компаний. Как они должны работать, чтобы помогать пользователям и не конфликтовать с другими частями интерфейса.
 
5. Raghvi Kabra: Дизайн интерфейса приложения Adobe Aqua для детей. Как родилась идея, какие концепты они перебирали, что узнали о пользователях.
 
6. Claude Piché: Дизайн интерфейса второй версии Adobe Express. Как они пришли к концепции «сделай-бота» вместо «чат-бота», который решает конкретные задачи, а не просто трепется.
 
7. Ollie Fielding: Как неправильно делать формы для ввода медицинских данных. И что можно улучшить в них.
 
8. Demelza Feltham: Советы по улучшению интерфейсов для пользователей с тревожностью.
 
#patterns

Дайджест продуктового дизайна за апрель 2026.
Брендинг ИИ-продуктов, новые парадигмы взаимодействия команд, анализ юзабилити через ИИ, грейды пользовательских исследователей, темы для дизайн-систем, accessibility, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS

Пачка свежих материалов о дизайн-менеджменте:
 
1. NN/g: Как проводить разбор итогов проекта или постмортем. Чем этот формат отличается от ретро, когда и в каком формате его лучше делать.
 
2. Контур и команда пользовательских исследователей: — Адаптация новых специалистов в компании.

— Профессиональное развитие. Как строится план развития и через что качаются навыки.
 
— Грейды Что они умеют и чему учатся на каждом.
 
— Тестовые задания. Как они распределяются внутри команды для оценки, как проходит сама оценка.
 
3. Гиги Джанелидзе (Яндекс, МТС, Сбер, TBC Bank) выпустил книгу «Лидерство как дизайн». Она доступна через Телеграм-бота.

4. Luke Wroblewski: Напоминает, что создание макетов никогда не было самой главной и самой сложной задачей дизайнера. И то, что менеджеры продуктов и разработчики сами стали генерировать макеты —можно использовать как мостик для современного процесса ко-дизайна. Тогда проще прийти к единому пониманию, какой именно продукт и для кого запускает команда.
 
5. Т-Банк: Карта компетенций дизайнера. Она включает разные ветки — продуктовый и графический дизайн, бренд. На сайте есть интерактивная версия, плюс шаблон в Фигме. Обзорная статья.
 
6. NN/g: Как дизайн-менеджер может связать несколько разрозненных команд в компании, чтобы решить комплексную проблему пользователей. Она также даёт несколько полезных шаблонов.
 
7. Figma: Разработчик Alex Kern и дизайнер Gui Seiz рассуждают об изменении процесса между ролями при работе над продуктом. Как смываются грани и сближаются эти два мира.
 
8. Andrew Caims: Концепция когнитивного долга в работе над продуктами. Он пишет применительно к разработке, но это применимо и к дизайну.
 
9. Erika Flowers: Предлагает осовременить дизайн-процесс вокруг двойного алмаза за счёт связки ИИ-инструментов и методов. Она назвала свой фреймворк Zero-Vector Design и описывает, как он устроен. Декларация. Шаблоны для нейронок.
 
#management

Немного нового о свежих интерфейсных паттернах и практиках:
 
1. Magic Pointer: Новая интерфейсная концепция, заточенная под ИИ. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
 
2. WebAIM: Проверили миллион главных страниц сайтов в интернете на поддержку accessibility. Они подсветили основные проблемы по итогу.
 
3. IBM: Толковые публикации о концепции Explainable AI. И выделили несколько ключевых тезисов из них.
 
4. NN/g: Шпаргалка по работе с текстами в интерфейсах на основе мнений экспертов. Это обзор по ключевым темам: Простота, тональность, жаргонизмы, структура, SEO и согласования.
 
5. David Mello: Автоматизированные инструменты проверки accessibility пропускают до 60-70% проблем. Как исправить это.
 
6. NN/g: Исследование поискового поведения китайских пользователей. Почему сильно упала доля классического поисковика Baidu и как они балансируют между ИИ-чат-ботами и привычным поиском.
 
#patterns

В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Всё про оптимизацию прошлогоднего запуска «жидкого стекла» и внедрение Apple Intelligence.
 
Оптимизируют и дизайн-решения — можно вручную настроить стилизацию интерфейсов. И производительность работы самой ОС и приложений. На полировку крупного редизайна такой большой платформы нужно полтора-два года, они как раз набегут к осени.
 
Иконки приложений теперь тоже используют «жидкое стекло».
 
Apple Intelligence и новую Siri спустя два года всё-таки запустили и встроили везде. За основу взяли Google Gemini и своих моделей. Она работает через «динамический остров» и новое отдельное приложение в привычном чате. А также интегрирована в стандартные приложения, может искать по файлам и другому контенту, распознавать то что видит камера.
 
Xcode пришёл в ИИ-эпоху — теперь это тоже среда агентной разработки. Видео с разбором возможностей.
 
iOS 27:
Самое интересное в развитии «жидкого стекла» — то, как выглядит работа с Siri. Вид самого пузыря, эффекты нижней границы динамического острова и вся динамика его работы — ещё выглядит ещё тактильнее.
 
В фотографиях можно поменять ракурс — нейронка дорисует недостающие части. И стало проще генерировать Genmoji.
 
Энтузиасты нашли следы поддержки гибких экранов, про которые говорят давно и даже утекал какой-то прототип.
 
Полезные видео для дизайнеров:
— Communicate your brand identity on iOS
— Compose advanced graphics effects with SwiftUI
— Craft clear names for features and labels in your app
— Create UI prototypes using agents in Xcode
— Design intuitive search experiences
— Enhance the accessibility of your reading app
— Principles of great design
 
Победители Apple Design Awards этого года .
 
Официальный UI Kit пока есть только для Sketch. Но энтузиасты уже наклепали шаблонов в сообществе Figma: динамический остров с Siri, жидкое стекло в целом и всякое такое.
 
iPadOS 27, watchOS 27, macOS Golden Gate — всё так же про общий тюнинг и доработки жидкого стекла.
 
visionOS 27:
Полезные видео для дизайнеров:
— Design immersive environments for visionOS apps and the spatial web
— Design no-code games with Reality Composer Pro 3
 
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в конце июня, а разработчики могут поставить её уже сейчас.
 
#ios #trends #events

Что нового в дизайн-менеджменте? А вот:
 
1. Designer Fund: Провели опрос среди более 900 специалистов о текущем состоянии ИИ в дизайне. К отчёту идут полезные статьи. Например, о современных дизайн-командах — как они меняются по составу, количеству, требованиям, инструментам, форматам взаимодействия между ролями.
 
2. NN/g: Как держать всех заинтересованных лиц в курсе обновлений после сессии дизайн-критики. И почему важно делать это, чтобы сохранить кредит доверия.
 
3. Sean Escriva: Подсвечивает коллизию между двумя процессами работы над продуктом — современными командами из людей и ИИ-агентами. Первым нужно достаточно свободы при понятной цели, вторым — дотошно описанные процедуры, чтобы они не налажали. При этом нельзя выбрать один из них — нужна состыковка.
 
4. NN/g: Типичные проблемы доверия и взаимодействия дизайнеров в продуктовых командах. Они составлены на основе полутора сотен студентов курса NN/g.
 
5. NN/g: Шикарная памятка помогает пользовательским исследователям добавить рекомендации из отчётов в продуктовый план. Этот подход применим для любых дизайнерских инициатив. Как ранжировать продукты и команды по полезности вложений времени в них.
 
6. Matt Ström-Awn: Рассуждает о дизайн-стратегии в современных микро-командах в эпоху ИИ. И стратегии в целом.
 
#management

Ежегодная презентация крупных продуктовых рывков Figma Config 2026 прошла 23–25 июня в Сан-Франциско. Получился один из самых сильных запусков за всю историю, который крепко тащит нас всех в будущее инструментов дизайна.
 
Вот что было по основным направлениям:
 
Слои с кодом в Figma
Это главный космос из показанного, да и на рынке вообще. Любой слой может стать слоем на базе кода — конвертировать в него дизайн или готовый подключить репозиторий кода. Такой слой становится интерактивным — можно взаимодействовать с интерфейсом как с интерактивным прототипом.
 
Самый огонь-пожар, что при взаимодействии с этим прототипом можно вытащить любые состояния как редактируемые макеты. Изучить внимательно, поправить их как обычный дизайн и снова закоммитить в репозиторий. Делать ветки для отдельных версий через простое дублирование слоёв кода.
 
Всё это работает благодаря глубокой интеграции Figma Make под капотом — они сделали много таких фундаментальных решений за последние месяцы. Например, диктовать команды голосом.
 
Figma Motion
Полноценные инструменты анимации прямо в Figma, вместе с таймлайном. Можно автоматически записать ключевые кадры, если подвигать элементы или описать словами агенту. Всё летает шустро, моментально показывает все доработки на лету.
 
Можно анимировать шейдеры, есть оркестровка и стилистические заготовки для быстрого старта. На подходе 3D-трансформации.
 
Упрощается работа с дизайн-системами, которые описывают анимацию — появились специальные переменные. Её тоже можно быстро перегонять в код и разбирать в DevMode, читать по MCP. Всё это можно экспортировать в видео-файлы и гифки.
 
Агент Figma
Скоро будет работать в других инструментах — FigJam, Figma Slides. Получит навыки, плагины, сможет загружать вложения. Коллеги смогут видеть ваши чаты с агентом и лучше понимать контекст.
 
Генеративные плагины
Делать свои микро-инструменты дизайна стало ещё проще — можно сгенерировать плагин по текстовому описанию. Он будет жить в конкретном файле Figma и выглядеть нативно.
 
Шейдеры
Их тоже можно создавать через агента —'эффекты, текстуры и трансформации; статические, динамические и интерактивные. Можно определить настраиваемые параметры, которые станут стандартным интерфейсом.
 
Figma Weave
Наконец-то началась интеграция Weave в основной интерфейс Figma. Пока это 20 первых цепочек обработки типа стилизации, фотосессий товара, накладывания лого на мерч или генерации мокапов, но скоро можно будет создавать свои. По сути они упрощают весь пайплайн до «что на входе» и «что на выходе» (вся механика под капотом).
 
Макет Figma может стать узлом в пайплайне интерфейса Weave. Конечно, больше всего ждали более тесной интеграции Weave в основной редактор. Но, видимо, это всё совсем нетривиально.
 
Обзор ключевых анонсов. И полное видео с кучей деталек. Оно абсолютно стоит того, чтобы посмотреть внимательно. Ребята создают мир гибкого и контекстного применения ИИ, который уводит нас из каменного века prompt-driven инструментов — лет через десять над ним будут угорать, как над эпохой перфокарт.
 
Можно запросить ранний доступ ко всем этим запускам.
 
#figma #tools

Дайджест продуктового дизайна за май 2026. Android 17, каталог примеров DESIGN.md, внедрение рекомендаций из исследований, библиотека знаний о дизайн-системах, как отработать после сессии дизайн-критики, звуковой брендинг, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS

Что нового в пользовательских исследования? А вот:
 
1. MeasuringU: Решили дотошно раскопать, насколько хорошо ИИ может выявлять интерфейсные проблемы в записях сессий пользовательских исследований. В первой статье из цикла они скормили нейронке такое видео и получили список проблем. А дальше проверили повторяемость результата и сравнили с оценками реальных специалистов.

Итоговый результат предсказуемый — значительная часть проблем, выявленных ИИ — это или ложная тревога, или галлюцинации.
 
2. NN/g: Способы вознаграждения для респондентов дневниковых исследований. Они длительные и трудозатратные — важно, чтобы пользователи не отваливались и не давали мусорные записи.
 
3. Elisa Maira и Niels-Peter Foppen: Метод пользовательских исследований для людей с ограниченными возможностями. Как отличается процесс и что важно учитывать.
 
4. User Interviews: Опрос 150 исследователей о том, как они относятся к синтетическим респондентам и как используют их в работе.
 
5. Jim Lewis и Jeff Sauro: 5 типов синтетических пользователей. Их особенности, ограничения.
 
6. athenahealth: Передовой подход к работе с базой знаний и инсайтов из пользовательских исследований. Благодаря связке Figma Make и репозитория инсайтов Marvin они пробуют генерировать прототипы улучшений интерфейса на базе проблем, которые подсветили пользователи.
 
7. NN/g: Как определить и отсечь ответы ботов в опросниках.
 
8. Jim Lewis и Jeff Sauro: Сколько лет опыта нужно пользовательскому исследователю, чтобы считаться старшим (senior) специалистом. Они опросили экспертов, прошлись по профилям LinkedIn и объявлениям о работе. Общее мнение — не меньше 5 лет.
 
9. Maze: Опрос около 500 пользовательских исследователей об использовании ИИ в их работе. Получился срез трендов в профессии, инструментах и методах.
 
10. Контур: Когда достаточно малого количества респондентов в исследованиях, а когда — нет.
 
11. NN/g: Памятка по отбору респондентов.
 
12. Jeffrey Sokolov: Обзор современного состояния инструментов для исследований в связке с ИИ. Что уже работает, а что пока сыровато.
 
13. Kate Kalcevich: Наглядно показывает, какие проблемы испытывают пользователи с особенностями восприятия информации по сравнению с обычными. Она провела тест на трёх прототипах и привела количетво проблем для обеих групп.
 
#research

Всё больше нового в дизайн-системах — о том как управлять ими в эпоху ИИ. Ну и использовать при сборке продуктов:
 
1. Murphy Trueman: Чеклист по подготовке дизайн-системы для использования ИИ-агентами. Как строить архитектуру и конкретные решения для этого.
 
И ещё несколько отличных статей от неё:

— Шикарные рассуждения о том, как меняется управление дизайн-системой как продуктом и командой в эпоху ИИ-агентов. Что уже происходит, какие новые проблемы приходится или придётся решать, куда всё движется дальше.
 
— Активная генерация интерфейсов с помощью ИИ вроде как на базе токенов и компонентов дизайн-системы всё равно часто приводит к плохим экранам и сценариям взаимодействия.
 
— Косяки ИИ в использовании дизайн-системы вызваны не только галлюцинациями. Часто это двойственность и нечёткость самих правил дизайн-системы — в таком и обычный дизайнер путается.
 
2. @web-kits/audio: Библиотека для добавления звуков в интерфейс, которая интегрируется в дизайн-систему на React. Ставится как npm-пакет, позволяет описать звук на языке его параметров: частота, форма волны, огибающая громкости и другие.
 
3. Storybook 10.4: Автоматическая сборка живого гайдлайна для готовых компонентов через ИИ, простое отслеживание изменений компонентов, можно поделиться рабочей версией без публикации репозитория, поддержка фреймворка React TanStack, упрощение работы с React Native, meta-файлы компонентов для сторонних ИИ теперь идут из коробки.
 
4. Ben Callahan: Мощная памятка-шпаргалка по всем аспектам создания, развития и внедрения. Что важно знать и уметь современному специалисту по теме.
 
5. Много примеров реальных дизайн-систем, которые адаптированы под ИИ:
 
— Astryx Design System: Открытая от Меты, которой помогла случиться команда Storybook. Она изначально ориентирована на ИИ.
— Atlassian.
— CMS.
— IBM.
— Nord Health
 
6. Design System Documentation Spec: PJ Onori предложил свой стандарт спецификации дизайн-систем. Это набор описаний важных частей и составляющих, без привязки к конкретному фреймворку. Что в него входит и зачем он это затеял.
 
7. Ben Callahan: Команда дизайн-системы поднимает нижнюю планку того, какими могут быть продукты. И уже продуктовая команда — повышает потолок.
 
8. Nathan Curtis: Как лучше давать примеры наполнения компонентов. И в Storybook, и в Figma.
 
9. Donny D'Amato: Призывает помнить о законе Conway — организационная структура определяет развитие в том числе дизайн-системы. Его подход радикальный — позволить управляемый хаос. Но общая мысль про столкновение идеи управляемости и этого хаоса — верная.
 
10. Webflow: Компоненты теперь могут использовать анимацию на GSAP.
 
#designsystems

Минутка нашего:

Нравится решение с простой и легкой типографикой. Главное — слово. Сразу понятно, что в коробочке — нежно.

«Нежно от Маргариты» — бренд уходовой косметики для волос от известного стилиста Маргариты Петровой.

Как говорят сами дизайнеры — команда «Пирс 5» построила визуальный образ вокруг личности основательницы и крафтового подхода к производству. Особенных фотографий и свободных пространств, легкости и свободы композиции и утонченности шрифта и каллиграфии.

Ключевым образом для всей визуальной систем стал ингредиент — вечерняя примула, цветок, раскрывающийся после заката, который стал метафорой всей айдентики.

Подпись основательницы бренда от руки на упаковке — хороший признак авторского подхода.

Вполне.