Дайджест продуктового дизайна за август 2023. Дизайн-культура Airbnb, мега-список книг, алгоритмический дизайн, дизайн-системы и токены, интерфейсы мастеров настройки, принципы дизайна, базы знаний исследований, управление роботами и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

Обновление базы знаний по дизайн-системам, выпуск №40:
 
Lukas Oppermann: Карта лиц, принимающих решения, для дизайн-систем. Он собрал разные профили и роли таких людей, плюс методы коммуникации с ними.
 
NN/g: Причины выбора пользователями тёмной темы и реальный эффект от изначальных постулатов пользы от неё. А также собрали советы по внедрению, включая подсветку самых проблемных мест.
 
Zag: Коллекция API для дизайн-систем обещает решить проблему поддержки разных компонентных фреймворков типа React, Vue и Solid. Он даёт логику поведения, которая будет одинаково работать в любом из них.
 
Spotify: Следующее поколение их дизайн-системы Encore. Она объединяет 45 платформ вроде компьютеров, телефонов, планшетов, телевизоров и т.п. Со временем правила стали более жёсткими, чтобы сохранить целостность.
 
Captiv8: Внедрение цветовых семантических токенов на базе цветовой модели CIELAB.
 
Storybook: Плагин для визуального тестирования компонентов. Он автоматически сравнивает новую версию с предыдущей и показывает разницу.
 
Melissa McArthur: Пошаговая инструкция по созданию токенов с помощью новых переменных Figma.
 
Dave Rupert: Анализирует, почему потенциально годный стандарт веб-компонентов не шибко популярен. Полемика Nolan Lawson.
 
Radix UI: Фреймворк для простых дизайн-систем.
 
#designsystems

Мини-подборка для дизайн-менеджеров и тех, кто тоже тащит эти задачи:
 
1. Brian Chesky: Мощное интервью с основателем и главой Airbnb, которое Dylan Field взял у него на Figma Config 2023. Он один из редких дизайнеров-основателей компании такой крупной компании и рассказал о перестройке организации во времена ковидного кризиса. Это не самая типичная история, но крутой пример того, какой эффект может иметь дизайнерский взгляд на все вещи в компании. Такие мощные мотивационные публикации выходят несколько раз в десятилетие.
 
2. Figma: Поэтапный запуск бета-версии режима разработчика. Они ориентировались на WAU (еженедельные активные пользователи) и настроили оперативные каналы сбора обратной связи для быстрой доработки интерфейса.
 
3. Indeed: Создание принципов дизайн-команды. Хорошая и простая памятка по процессу.
 
4. NN/g: Формат карты взаимоотношений дизайнера в компании. Этот инструмент похож на карту лиц, принимающих решения. Шаблон ― https://miro.com/app/board/uXjVM3IMpAA=/.
 
5. NN/g: Проблемы кросс-функционального взаимодействия при работе над дизайном. И даёт рекомендации по снижению рисков.
 
6. Dan Ramsden: Предлагает свою модель креативного процесса, потому что считает ограничения «двойного алмаза» проблемой. Это некий трёхмерный треугольник.
 
#management

Новое про лучшие интерфейсные паттерны и практики:
 
1. Коллекция паттернов автомобильных интерфейсов. Разбито по сценариям использования и экранам, в бета-версии есть полтора десятка машин.
 
2. Creative Navy: Памятка по дизайну интерфейса мастеров настройки. Она грамотно структурирована и собирает хорошие примеры.
 
3. NN/g: Структурированная подборка своих статей о веб-интерфейсах.
 
4. Creative Navy: Обзор интерфейсов управления роботами.
 
5. Alyaa Al-Jasim и Pietro Murano: Юзабилити-тестирование разных вариантов тумблеров и переключателей состояний в интерфейсе. Они составили рекомендации по их проектированию.
 
6. NN/g: Упрощение интерфейсных текстов. Как убирать лишнее и упрощать подачу информации в целом.
 
7. Costa Alexoglou: Способы реализации «безопасного треугольника» для выпадающих меню. Это старый, но важный приём, который помогает пользователю легче попадать мышью в пункты таких меню.
 
8. Lawrence H. Williams: Неоднозначность оценки времени прохождения сценария использования. В примере его исследования видно, что где-то много проведённого времени говорит о проблеме, а где-то — наоборот, о качестве контента.
 
9. MeasuringU: Новое сравнительное исследование сайтов товаров для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns

Свежая выгрузка инструментов и в целом движа в алгоритмическом дизайне:
 
1. Adobe Firefly: Инструмент вышел из беты и доступен подписчикам Creative Cloud.
 
2. Everypixel: Статистика по количеству изображений сгенерированных инструментами алгоритмического дизайна DALL-E 2, Stable Diffusion, Midjourney и Adobe Firefly. Темпы роста огромные, хотя сюда, судя по всему, включены все промежуточные итерации, которые не идут в финальный макет.
 
3. Jambot: Официальный плагин на базе ChatGPT для FigJam. Он может просуммировать результаты брейншторма и сгенерировать идеи. Интервью с командой создателей.
 
4. Midjourney Inpainting: Новая функция позволяет изменить только часть изображения — например, только персонажа, не трогая саму сцену.
 
5. Matej Latin: Изучил, насколько удачно подбирают шрифтовые пары сервисы алгоритмического дизайна FontJoy и ChatGPT. Кое-что могут, но с кучей проблем и ограничений.
 
6. DreamFace: Генерация реалистичных трёхмерных моделей лиц по текстовому описанию. Они анимированы и текстурированы.
 
7. Captions: Многофункциональный алгоритмический инструмент создания и обработки аудио и видео. Генерирует голос по кусочку его записи, убирает слова-паразиты, улучшает попадание мимики рта в произносимый текст и много чего ещё.
 
8. Maggie Appleton: Презентация о современных языковых моделях и алгоритмических сервисах. Она описывает особенности их построения, проблемы в получении внятных результатов и свои интерфейсные концепты их решения.
 
9. TextFX: Экспериментальный проект Google, который помогает реперам писать рифмы.
 
10. HayGen Video Translate: Сервис переводит видео на другой язык. При этом он сохраняет голос и подгоняет мимику персонажа под новый текст.
 
11. Stable Audio: Новая модель от создателей Stable Diffusion позволяет генерировать музыку по текстовому описанию.
 
12. AudioGen: Экспериментальное решение Меты позволяет генерировать звуки по текстовому описанию.
 
13. Musicfy: Сервис позволяет напеть мотив песни и преобразовывает его в мелодию на конкретном инструменте.
 
14. Albus: Экспериментальная записная книжка на базе ChatGPT, которая помогает исследовать тему с разных сторон и генерировать заметки о ней.
 
#ai #algorithms

Немного новых книг для дизайнеров интерфейсов:
 
1. Justin Dauer «In Fulfillment» о влиянии дизайнера на продукт, бизнес и мир в целом. Отрывок из главы 3.
 
2. Jenae Cohn & Michael Greer «Design for Learning. User Experience in Online Teaching and Learning» о проектировании образовательного процесса. Выдержка из главы №1.
 
3. Michael Angeles, Leon Barnard и Billy Carlson «Wireframing for Everyone» о проектировании wireframes.
 
4. Elizabeth McGuane «Design by Definition» о дизайн-процессе.
 
5. Гигантская подборка книг для дизайнеров интерфейсов. Отдельно — коллекция бесплатных.
 
6. А вот что на подходе у Rosenfeld Media:
— Amy Wells «Designing for Neurodiversity».
 
#books

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

Надеюсь, к концу года успею выкатить — будет много дополнительной ценности к текущему контенту. Немного тизеров вы уже видели в новых обложках выпусков, а в полной версии будет намного больше и жирнее :)

#announcements

На удивление компактная подборка нового о пользовательских исследованиях — обычно набегает куда больше:
 
1. User Interviews: Исследование профессии за 2023 год. Они опросили 929 специалистов по самым разным темам, включая орг.структуру, демократизацию, обычные и алгоритмические инструменты и т.п.
 
2. NN/g: Глоссарий методов.
 
3. Jim Lewis и Jeff Sauro: Варианты категоризации пользователей по технической грамотности.
 
4. MeasuringU: Метрики, которые можно получить и посчитать с помощью метода клик-тестов.
 
5. NN/g: Спутывающие переменные. Это время суток, сезон, возраст и другие подобные факторы, которые могут показать ложную зависимость.
 
6. Steve Bromley: Шпаргалка по методам пользовательских исследований игровых интерфейсов.
 
7. Подкаст с со-основателем и главой сервиса Marvin Prayag Narula (это база знаний и инсайтов из пользовательских исследований).

#research

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

Это, если что, скриншот из первых свёрстанных страниц, а не просто Фигмы. Идея с шоколадками в обложках будет буйно цвести по всему сайту — начал пилотировать их ещё весной. Думаю, до конца октября заработает альфа-версия на Webflow. А дальше буду переносить контент и жить в этой прекрасной новостройке.

#announcements

На конференции Adobe MAX 2023 традиционно показали пачку экспериментов с Adobe Firefly (раньше он назывался Sensei). И прокачали саму платформу алгоритмического дизайна:
 
1. Обновили базовую модель Firefly. Она научилась генерировать картинки в заданном стиле (нужно дать несколько примеров или выбрать из существующих рефов). Точнее генерирует людей и позволяет настраивать параметры «фотосъёмки». Помогает задавать правильные запросы (и предлагает подсказки). Ну и, само собой, даёт более лучшее качество.
 
2. Добавили векторную модель Firefly. Она помогает генерировать объекты, которые вписываются в стиль целевой иллюстрации, делает текстуры и градиенты, ну и правильно организует геометрию и слои.
 
3. Сделали модель Firefly Design. Она генерирует цельные редактируемые шаблоны (пока для их инструмента Adobe Express), которые адаптируются для разных сред вроде соцсетей или печати. Предлагает варианты текста, графики и композиции.
 
Кстати, недавно Firefly стал доступен через API в платформе NVIDIA Omniverse.
 
А вот свежие дикие штуки Adobe Sneaks:
 
#ProjectFastFill: Добавляет и удаляет объекты на видео таким же простым способом, то и Generative Fill.
 
#ProjectDraw&Delight: Превращает простейшие наброски рисунков в базовые контурные или полноцветные иллюстрации. Сюжет можно развивать и дополнять постепенно, менять позы персонажей, а также раскрашивать в духе недавнего запуска Illustrator Generative Recolor, ну и доделывать в самом Illustrator.
 
#ProjectNeo: Создаёт псевдо-трёхмерные иллюстрации с помощью простейших объектов. В примере делают архитектурный объект, который выглядит как векторная иллюстрация.
 
#ProjectSceneChange: Позволяет вставить персонажа из видео в любую другую сцену. Причём он докручивает оба видео, чтобы подходили друг к другу.
 
#ProjectPrimrose: Платье из простых текстур меняет цвет. Причём может делать анимацию из этого.
 
#ProjectGlyphEase: Создаёт шрифт на основе трёх знаков для примера, даже если это набросок на бумаге. И стилизует его в нужной технике, в том числе сверх-декоративной.
 
#ProjectPoseable: Генерирует наброски персонажей для сценарных раскадровок. Можно быстро настроить позу модели среди предложенных и описать нужный образ со сценой.
 
#ProjectResUp: Повышает разрешение видео маленького размера.
 
#ProjectDubDubDub: Генерирует дубляж видео или перевод аудио-записей на любой язык. Пытается вписаться в акустическое окружение сцены.
 
#ProjectStardust: Редактирует фото простым способом: переместить, добавить или убрать объекты, поменять одежду или дорисовать недостающую часть человека.
 
#ProjectSeeThrough: Убирает отражения и блики с фото, сделанных через стекло.
 
Скорость попадания этих набросков в основные продукты сильно выросла и в этом Adobe здорово уделывает хейтеров. И если в 2020 году тема почти сдулась, то сейчас снова тонна вдохновляющего.
 
#ai #algorithms #adobe #events

Продолжим новости с конференции Adobe MAX 2023 — что там нового во флагманских продуктах Creative Cloud:
 
Photoshop: Всё катанули ещё до мероприятия. В основной версии вышли из беты алгоритмические фукнкции Generative Fill и Generative Expand, упростилось удаление объектов. На iPad появился фильтр Camera Raw. А накануне дали доступ к браузерной версии с частью функциональности для всех.
 
Illustrator: Запустили бету для веба. В основной версии можно генерировать векторные иллюстрации по текстовому описанию через Firefly, накладывать графику на макет мерча с предложением перспективы (выросло из прошлогоднего концепта #ProjectVectorEdge), преобразовывать растровый текст в редактирумый, оптимизировать векторы.
 
Firefly: Доступен в вебе, работает на базе новой модели Firefly Image 2.
 
InDesign: В основной версии можно оформить большой кусок контента с помощью автостилизации на базе наборов стилей, встраивать Google Analytics, лучше контролировать экспорт.
 
Lightroom: В основной версии можно играть с глубиной на фото через инструменты размытия (тоже родом из экспериментов Sneaks).
 
AfterEffects: В основной версии новая Roto Brush лучше выделяет объекты на видео, прокачали работу с цветом и скриптами.
 
Express: Основная версия генерирует цельные редактируемые шаблоны, которые адаптируются для разных сред вроде соцсетей или печати. Предлагает варианты текста, графики и композиции. Переводит на 45 языков.

Premiere Pro: В основной версии можно искать по транскрипции текста и вырезать эти части из видео (прошлогодний эксперимент #ProjectBlink), подчищать качество диалогов, экономить время на цветокоре, плюс оптимизировали интерфейс таймлайна.
 
Fresco: В основной версии обновления вышли ещё в сентябре. Вертикальные тексты, улучшение экспорта видео, больше кистей.

Общий тюнинг в Animate и Character Animator.

Дикий крутяк то, что многие из алгоритмических нововведений основаны на экспериментах Adobe Sneaks, которые тизерили последние годы. Так что компания смогла наладить понятный путь реализации этих диких идей, а не просто хайпанула потешками.
 
#tools #adobe #events

Дайджест продуктового дизайна за сентябрь 2023. Тренды в иллюстрации и UX-исследованиях, архитектура сложных дизайн-систем, отношение к отечественным продуктовым командам, алгоритмический дизайн, клавиатуры на мобильных, адаптивность, автомобильные интерфейсы и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

Пятый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2021, 2020, 2019 и 2018.

Держите много свежих и вдохновляющих примеров связи бренда с интерфейсом:
 
Patreon: Сервис для поддержки авторов контента от британского агентства Wolff Olins и внутренней команды.
 
Goodnotes: Приложение для заметок от американского агентства Motto.
 
Webflow: Ребрендинг платформы для сайтов, сделанный внутренними силами.
 
Miro: Сервис командной работы от американского агентства AKQA.
 
Marshmallow: Цифровая страховая компания от американского агентства Ragged Edge.
 
Sock: Финтех от британского агентства Koto.
 
Elizabeth Goodspeed: Почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
 
Hiro: Web3-платформа для разработчиков от американского агентства Porto Rocha.
 
Facebook: Обновление, сделанное внутренними силами.
 
Dribbble: Ребрендинг, сделанный внутренними силами.
 
Android: Обновление лого, сделанное внутренними силами.
 
Shop: Сервис для интернет-заказов от американского агентства Porto Rocha.
 
P.S. Рассказал о своём подходе к анализу брендов цифровых продуктов в «Рефодушке» Антона Черногорова. Похоже, через какое-то время зайду ещё раз — следите за анонсами на канале Дизайн-комьюнити.
 
#branding

Не успевал упаковать весь свежак про свежие интерфейсные паттерны и лучшие практики, да как вдруг успел:
 
1. Casper Kessels: Отличная памятка по прототипированию автомобильных интерфейсов подручными средствами. Инструменты и способы быстрого вывода на устройство.
 
2. Scott Jenson: Шикарный детальный анализ проблем в клавиатурах на мобильных от легенды нашей профессии. Он также предлагает своё решение, которое представил на симпозиуме UIST.
 
3. Коллекция примеров интересных «подвалов» сайтов.
 
4. Dongkyu Lee: Как сделать анимацию переходов между экранами и их состояниями более логичной и симпатичной.
 
5. Swiggy: Редизайн процесса встречи нового пользователя в приложении. Как упрощали его и вовлекали людей.

6. NN/g: Структурированная подборка своих статей об accessibility и инклюзивности.
 
7. Аида Пачева: Подход к адаптивности в вебе. Она ориентируется на современные подходы вроде component queries, а не жёсткие breakpoints для всего макета.
 
8. Creative Navy: Интерфейсы производственных линий по сборке автомобилей.
 
9. Slack: Рассказ о недавнем крупном редизайне интерфейса. Результат неоднозначный, но интересно посмотреть на ход процесса. Отдельные статьи про мобильную версию и боковую панель.
 
10. NN/g: Оглавления в вебе и на мобильных.
 
11. Growth Design: Эффект «фрейминга» в интерфейсах. Как правильно подавать варианты выбора и рекомендации.
 
12. Peter Ramsey: Процесс оформления подписки на сервис доставки готовой еды Hello Fresh.
 
13. Creative Navy: Интерфейсы медицинских приборов для диализа.
 
14. Jason Grigsby: Просит не использовать «ленивую загрузку» для абсолютно всей графики — это ломает саму идею и пользовательский опыт.
 
15. Ксения Толокнова: Разница между action sheets, диалогами и панелями для уведомлений в мобильных приложениях. Когда и для чего их использовать.
 
16. MeasuringU: Сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns

Как всегда, подборка свежего по алгоритмическому дизайну с трудом помещается в один выпуск:

DALL-E 3: Новое поколение позволяет точнее описать детали сцены, рисует людей с меньшим количеством галлюцинаций и генерирует корректный текст. Этические барьеры расширили — помимо известных людей, теперь нельзя мимикрировать под стиль ныне живущих художников (как убрать себя из обучения модели).

v0 by Vercel: Платформа для разработчиков Vercel запустила генератор интерфейсных компонентов. На выходе — код React на базе shadcn/ui и Tailwind CSS. Логика построения компонентов рандомная, но затея интересная.

Getty Images Generative AI: Официальный генератор фото от Getty Images и NVIDIA. Они тренировали его на своей базе фотографий и вроде как платят авторам рефов. Обещают полную лицензионную безопасность.

Baymard: Попробовали ChatGPT для экспертной оценки интерфейса по скриншоту и настоящей ссылке. Результаты мусорные ― находит крайне мало реальных проблем и выдумывает много несуществующих.

NN/g: Типичные задачи, для которых дизайнеры используют алгоритмические инструменты.

User Interviews: Что и для каких задач используют UX-исследователи.

Figma: Особенности современных инструментов для разработчиков, которые автоматизируют часть работы и генерируют код. И что из этого подошло для нового режима для разработчиков в Figma.

NN/g: Несколько моделей поведения пользователей при работе с генеративными сервисами.

Louis Charron: Как «галлюцинации» в генераторах картинок помогают креативности. Он сравнил разные версии Midjourney, которые сначала теряли поэтичность, а под конец немного вернули её.

Андрей Ковалёв: Коллекция стилей, в которые умеет Midjourney. Их можно использовать в своих запросах.

Vizcom: Превращает наброски от руки в полноценные 3D-рендеры.

YandexArt: Обновлённый генератор графики, который развивает прошлое поколение Шедеврум.

NN/g: Почему пользователи присваивают человеческие качества генеративным чат-помощникам и общаются с ними соответствующе.

Алина Сидоренко: Толковая памятка по работе с Midjourney. Как получить результат в разных стилях и видах дизайна (иллюстрации, текстуры, логотипы, интерфейсы и т.п.).

NN/g: Исследование генеративных ботов Bard, Bing и ChatGPT. Насколько хорошо они решают разные задачи.

YouTube: Будет предлагать идеи и сценарии для видео на основе данных об аудитории и её предпочтениях. Авторы смогут генерировать фоны по текстовому запросу и автоматически дублировать ролики на другие языки.

ChatGPT: Сможет принимать запросы голосом и лучше анализировать загруженные картинки. Например, предложит рецепт на основе фото продуктов в холодильнике. На такой картинке можно выделить детали, про которые хочется узнать. Тест-драйв.

Генератор скрытых слов на изображениях на базе Stable Diffusion и ControlNet.

Александр Селедчик: Чеклист поможет определить фото, сгенерированное алгоритмами.

Android 14: Генерирует фоны для телефона.

TryOnDiffusion: Экспериментальный инструмент «примеряет» любую одежду на ваше фото.

Jakob Nielsen: Какие метафоры кроме клишированного робота предлагают инструменты для показа самого ИИ.

Javi Lopez: Мини-игра Angry Pumpkins, сделанная с помощью DALL-E и Midjourney (графика) и GPT-4 (код).

Мета: Оцифровали пару десятков знаменитостей вроде Mr Beast и Snoop Dogg в качестве ИИ-ботов для чата с говорящей головой. И добавили много разных функций вроде алгоритмической генерации стикеров и редактирования фото.

Luma AI: Генератор 3D-моделей и сцен.

Kaiber: Генератор видео-клипов на основе текстового запроса, других видео, фото и аудио.

Suno AI: Генератор песен с вашими словами в разных жанрах.

Just AI Copilot: Свой ChatGPT от Just AI.

IKEA Instructions: Генератор иллюстраций в духе инструкций IKEA на базе Stable Diffusion XL.

Microsoft Copilot: Выходит в свежем обновлении Windows.

Spirals: Генератор спиралевидных фото.

AI Dubbing: Сервис переводит видео на другой язык. При этом он сохраняет голос персонажа.

EmojiGen: Генератор memoji.

#ai #algorithms

Дайджест продуктового дизайна за октябрь 2023. Большие обновления Adobe и Webflow, дизайн-системы, анимация, алгоритмический дизайн, креативные методики, инфляция профессионального словаря, как организовать стажировки и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Большие и маленькие статьи о дизайн-системах за последние полтора месяца, ну и всякое такое на тему:
 
1. Brad Frost: Глоссарий терминов и понятий современной дизайн-системы в большой компании. Не везде нужно всё из описанного, но оно востребовано на масштабе. Его выступление на эту тему.
 
2. Josh Clark: Предлагает смириться с тем, что команда дизайн-системы не успевает за скоростью изменений в продуктах и пересмотреть её роль. Это инфраструктурная часть, которая должна быть надёжной и продуманной. Её роль ― не придумывать любые возможные решения, а курировать уже созданные в продуктовых командах. Сама мысль не новая, но предложение идти от этой реальности ― достаточно свежее и абсолютно разумное.
 
3. Material Web: Вышла первая версия библиотеки компонентов для веба.
 
4. Rama Krushna Behera: Памятка по созданию компонента. От проектирования логики работы до реализации и гайдлайнов. Шаблон в Figma.
 
5. Список конференций и митапов на тему в разных странах мира.
 
6. Wise: Доработка цветовой палитры под требования accessibility. Часть 2 говорит о типографике, иконках и других аспектах.
 
7. Deliveroo: Обновление цветовой палитры. Как она стала лучше в плане accessibility.
 
8. Odido: Запуск дизайн-системы (слияние голландских T-Mobile и Tele2). Как выбирали стратегию перехода на неё и организовали иерархию стилей.
 
9. zeroheight: Победители их награды этого года.
 
10. Jonathan Dallas: Советы по именованию переменных в CSS.
 
11. Netlify: Канонически обновили интерфейсы под ребрендинг через дизайн-систему с помощью инструментов Storybook.
 
12. Intuit: Инструкция по настройке синхронизации переменных в Figma и токенов их дизайн-системы.
 
13. Sam Gordashko: Шпаргалка по использованию токенов в Figma на основе множества сторонних материалов.
 
14. Вышел Storybook 7.5. На подходе версия 7.6 с развитием инструментов тестирования.
 
#designsystems