1.1 Введение

Кто автор курса «Супер Figma»?

Максим Кузнецов — дизайнер интерфейсов с опытом больше 12 лет; сейчас работает в канадской студии Orizon

Сколько причин изучать Figma называет автор?

Восемь

Назови все 8 причин изучать Figma

1) индустриальный стандарт; 2) эргономичный интерфейс; 3) командная работа; 4) комьюнити, плагины и ассеты; 5) весь процесс в одной программе; 6) много обучающих материалов; 7) активная разработка; 8) бесплатный старт

Какая главная причина изучать Figma?

Figma — индустриальный стандарт: почти все дизайн-студии и продуктовые компании работают в ней, поэтому на собеседовании и в работе будут ждать именно её

Что такое эргономичный интерфейс?

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

Почему эргономика интерфейса Figma так важна?

Дизайнеры проводят в программе по 6–8 часов в день и больше. К интерфейсу Figma быстро привыкаешь и перестаёшь его замечать — просто работаешь

Сколько человек может работать в одном файле Figma?

Много — 10, 20, 30 и больше одновременно; все видят действия друг друга в реальном времени. Пригласить команду — кнопка Share

Что такое плагин?

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

В Figma плагины открываются через панель Actions (Ctrl + K, Mac: ⌘ + K)

Что такое ассет?

Ассет — готовый ресурс для повторного использования в своих макетах: иконки, шаблоны, UI-киты, компоненты.

Проще: наработки, которыми делятся другие пользователи

Чем плагин отличается от ассета?

Плагин добавляет программе новые функции, а ассет — это готовый ресурс (иконки, шаблоны, компоненты), который вставляют в макет

Как открыть плагины и ассеты в Figma?

Через панель Actions: кнопка на нижней панели инструментов или Ctrl + K (Mac: ⌘ + K)

Какие вкладки есть в панели Actions?

Assets и Plugins & widgets

Какие 5 этапов создания продукта можно пройти в Figma?

1) идея и наброски → 2) вайрфреймы → 3) визуальный дизайн → 4) презентация клиенту → 5) передача в разработку

Что такое вайрфрейм?

Вайрфрейм (wireframe) — схематичный макет экрана без визуального оформления (цветов, картинок, стилей), который показывает структуру: какие блоки есть и где они расположены.

Проще: «скелет» экрана. Нужен, чтобы договориться о логике и расположении до того, как тратить время на красоту

Что такое визуальный дизайн (этап)?

Этап, на котором схема экрана превращается в финальный вид: подбираются цвета, шрифты, картинки, иконки

Как показать дизайн клиенту прямо в Figma?

Кнопка Present (▷) в правом верхнем углу

Как разработчики смотрят размеры и стили макета?

В режиме Dev Mode — значок </> на нижней панели инструментов

Чего Figma пока не умеет?

Писать код напрямую — код по-прежнему пишут разработчики

С какой вероятностью ответ на вопрос по Figma находится в Google/YouTube?

Около 99% — благодаря большому сообществу

Как часто выходят большие обновления Figma?

Примерно раз в год, плюс мелкие обновления в течение года

Почему интерфейс в видео может отличаться от твоего?

Figma постоянно обновляется — это нормально

Нужна ли платная подписка, чтобы начать?

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

Когда стоит переходить на платную подписку (совет автора)?

Только когда появится реальная необходимость

Интерфейс — это…

Интерфейс — способ взаимодействия человека с программой или устройством: всё, что пользователь видит и чем управляет (кнопки, поля, меню, иконки, тексты), и то, как система отвечает на его действия.

Проще: всё, через что человек «общается» с программой. Пользовательский интерфейс в дизайне называют UI (user interface)

Эргономика — это…

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

Проще: насколько комфортно им пользоваться

Индустриальный стандарт — это…

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

В дизайне интерфейсов индустриальный стандарт — Figma

Комьюнити — это…

Сообщество пользователей продукта, которые делятся опытом, ответами на вопросы и наработками — плагинами, шаблонами, готовыми файлами

SaaS — это…

SaaS (Software as a Service, «программа как услуга») — модель, при которой программой пользуются через интернет по подписке, без установки и покупки «навсегда».

Примеры: CRM, сервисы аналитики; сама Figma тоже работает по этой модели

Метрики — это…

Метрики — показатели, по которым оценивают успех продукта или изменения: сколько людей зарегистрировалось, купило, вернулось.

Проще: цифры, которые показывают, работает ли дизайн

Продуктовая гипотеза — это…

Проверяемое предположение вида «если изменить X, то улучшится показатель Y». Его проверяют на реальных пользователях, прежде чем внедрять.

Проще: идея улучшения, которую сначала проверяют

Dev Mode — это…

Режим Figma для разработчиков: в нём видны размеры, отступы, цвета, стили и подсказки кода, чтобы точно перенести макет в код. Включается значком </> на нижней панели