Масштабное обновление Figma

Dev Mode
Новое пространство в Figma для разработчиков. Там playground для компонент, инструменты для проверки изменений, плагины для интеграции с Jira, GitHub, Storybook и куча других крутых штук.

Variables ✨
Теперь у нас появляется что-то типа конфигуратора проекта с помощью переменных. Переменной, если правильно понял, может быть, хоть border-radius, хоть просто строковое значение. Туда можно зашивать тематизацию, адаптивность и, к примеру, изменение языка.

Новые прототипы ✨
С этого момента прототипы умные, в них можно использовать переменные, про которые говорилось выше, и настраивать с ними условную логику. Это сильно сокращает количество линковок и дублей макетах.

Autolayout
Наконец-то сделали Wrapping (автоматический перенос элементов внутри AL) и понятие минимальный/максимальный размер, что теперь позволит делать адаптивы быстрее.

Полезные ссылки:
– Запись презентации
– Страница «Чего нового»
– Страница релиза

💎 Осознанное управление личным временем

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

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

🔗 Ссылка на статью

🌈 Проектируем функцию «история событий»

Владислав Угрюмов, UX-дизайнер из МойОфис, рассказал, как он вместе с командой проводил исследование перед проектированием очередной функциональности в продукте.

Внутри статьи:
– Изучение конкурентов;
– Проверка гипотез;
– Количественное исследование;
– Фильтрация результатов;
– Итоговое исполнение.

🔗 Ссылка на статью

⚡️ Stories в Telegram

Вот это конечно прикол. Все смеялись, говорили, что такое в телеге невозможно, а Дуров взял и сделал.

Говорят в начале июля сможем начать спамить сторьками. Ожидаю скорый прирост персональных каналов.

💎 Презентационные цветовые токены

Очень интересная статья про отдельную коллекцию не семантических цветовых токенов для визуализации данных и пользовательской кастомизации компонент под собственные задачи.

Внутри статьи:
– Для чего эта коллекция;
– Варианты применения;
– Требования к токенам;
– Подходы к сбору коллекции;
– Немного про тематизацию;
– Нейминги для токенов;
– Использование в диаграммах;
– Доступность из коробки.

🔗 Ссылка на статью

🌈 Как получить оффер

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

Внутри статьи:
– Как подготовиться к собеседованию;
– Каким должно быть резюме;
– Из каких этапов состоит процесс найма;
– О чём вас обязательно спросят;
– О чем стоит спросить работодателя;
– Какие скиллы нужно прокачивать;
– На какую зарплату можно рассчитывать;
– Как обсуждать зарплату.

🔗 Ссылка на статью

💎 Дизайн-процесс при проектировании сложных продуктов

Полезные и очень структурированные знания по дизайн-процессу, упакованные в статью Ксении Гавриловой, дизайн-менеджера в Selectel.

Внутри статьи:
– Что такое дизайн-процесс;
– Нюансы дизайн-процесса на практике;
– Принятие и понимание задачи;
– Анализ, исследование и информационная архитектура;
– Проектирование;
– Ревью у продуктовой команды и UX-team;
– Передача в разработку;
– Авторский надзор;
– Проверка метрик успешности и корректировка курса;

🔗 Ссылка на статью

🌈 5 дизайн-экспериментов, которые помогли повысить спрос на услуги

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

Проверяемые гипотезы:
– Прайс-лист;
– Онлайн-запись;
– Раздел «Подробности»;
– Раздел «Отзывы»;
– Бонус: факапная гипотеза.

🔗 Ссылка на статью

🌈 Дизайнер и Co-Founder Pathway

Кайфовый выпуск подкаста ProductSense с Сергеем Тимофеевым, арт-директором по продуктовому дизайну в ManyChat и сооснователем Pathway.

Что обсудили в выпуске:
– Роль продуктового дизайнера;
– Взаимодействие с продактами;
– Грейды продуктовых дизайнеров;
– Запуска стартапа от идеи до продаж.

🔗 Ссылка на выпуск

💎 Sheet, dialog или snackbar — что выбрать дизайнеру?

Интересная статья Ксении Толокновой, экс дизайн лида из Ростелеком, с разбором модальных и диалоговых компонентов в мобильных приложениях.

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

Внутри статьи:
– Определение терминов;
– Вариации компонентов;
– Рекомендации по применению.

🔗 Ссылка на статью

🌈 Как выбирать шрифты для финтех-продуктов

База-базная в 2-х частях от Дарьи Карпенко, UX-дизайнера в Devexperts, по выбору и применению шрифта в продуктах с большим количеством данных.

В целом, материал для джунов, но во второй части есть моменты, к примеру, связанные с межсимвольным расстоянием, о которых часто забывают и опытные дизайнеры.

🔗 Ссылка на статью (часть 1)
🔗 Ссылка на статью (часть 2)

💎 Дизайн-система Gravity UI

Ребята из Яндекс Cloud релизнули свою дизайн-систему GravityUI и сделали её опенсорс.

Внутри ДС:
– Конструктор для лендингов;
– Гайды для компонентов;
– Библиотека в Figma;
– Набор иконок (600+);
– И куча фичей для разработчиков.

🔗 Ссылка на сайт

🌈 Кроссплатформенность, чтобы успеть в срок

Статья от продуктовых дизайнеров СберМаркета Насти Винокуровой и Кати Вороненко, с описанием процесса запуска сервиса доставки для кафе и ресторанов.

Внутри статьи:
– Работа в сжатых сроках;
– Резкое увеличение объёма работ;
– Неудачная работа с подрядчиком;
– Решение по переходу на кроссплатформ;
– Путь «не Mobile first»;
– Решение проблем с пушами;
– Финал с 87% положительных отзывов.

🔗 Ссылка на статью