Главный инструмент для работы — это Фигма. В ней можно собирать макеты, интерактивные прототипы, брейнштормы. Буквально всё что угодно. Пару лет назад был ещё актуален Скетч, но он работает только на macOS и в целом отстал от Фигмы по возможностям и простоте работы.
Design, prototype, and gather feedback all in one place with Figma
Главный инструмент. Фигма работает в браузере (лучше Хром), но можно скачать приложение. Через приложение можно работать без интернета, поэтому оно предпочтительнее.
Официальные уроки от команды Фигмы по своему инструменту. На английском.
Хороший учебник 2018 года по Фигме. Что-то устарело, но базовые вещи акутальны.
Figma - обучение работе в программе на бесплатном курсе
Бесплатный курс от Нетологии по Фигме.
Подготовительные курсы Школ дизайнеров, редакторов и руководителей Бюро Горбунова
Платный курс от Бюро для начинающих дизайнеров. Поможет разобраться с Фигмой, научит писать текст о себе и управлять временем. Думаю, стоит своих денег.
[2021] 🔥 Обзор интерфейса: аккаунт, история версий, хоткеи. Новый нескучный курс по Фигме. Урок 1
Если вам больше нравится видео, можно посмотреть любые серии уроков на ютубе. Бесплатных очень много, все рассказывают примерно про одно и то же.
Подборка советов Бюро по типографике и вёрстке.
Чат с сообществом дизайнеров, которые подскажут ответы на вопросы. Подробнее о правилах.
<aside> ☝ Сделайте скриншот любимого сайта или приложения и повторите в точности в Фигме. Подберите такой же шрифт, все размеры, нарисуйте или найдите иконки, расположите все элементы правильно. Поупражняйтесь с инструментами редактора, чтобы быстрее его освоить.
Лучше всего подойдут сложные модульные сайты вроде соцсетей, онлайн-журналов вместо лендингов. Например, Тинькофф-журнал.
</aside>