Инструментарий Figma
Компоненты Фигма
Назначение, преимущества, возможности мощной функции Figma — компоненты
Набор инструментов Figma
Автомакет
Качественный дизайн интерфейсов должен быть целостным, последовательным, согласованным. Использование стандартных компонентов Фигма позволяет не создавать каждый элемент визуализации отдельно. Это упрощает работу и сохраняет время при разработке фирменного стиля продукта.
Благодаря Фигме визуальное оформление перешло из области творчества в зону технологий, принципов и паттернов. Они делают готовый продукт консистентным – единственным по стилю. В Фигме компоненты позволяют дизайнеру без лишних усилий сделать интерфейс сайта, мобильного приложения интуитивным, визуально приятным и предсказуемым для пользователя.
Как это работает
Компоненты – это «мозаика», из которой состоят проекты. Уникальных элементов в них не так много. Нет смысла делать их каждый раз снова, достаточно создать компонент в Figma один раз и переиспользовать его. Типовой алгоритм использования:
создаем мастер-компонент – оригинал, который является примером для всех остальных;
копируем его как дочерние компоненты (инстансы);
используем готовые элементы, делаем из них интерфейс продукта.
Постепенно работа дизайнера меняется, чтобы создать компонент в Фигме один раз. Дальше ему лишь надо хорошо знать:
как их редактировать;
что нужно для построения многоуровневого компонента;
как разбить компонент в Фигме;
как убрать компонент в Фигме.
Скорость работы существенно увеличивает создание проекта, сокращает время на выполнение заказов клиентов, увеличивает доходы.
Преимущества инструмента
Создание и использование компонентов – это не только технический, но и концептуальный творческий навык. Он позволяет дизайнеру:
1. Достичь консистентного дизайна продуктов.
2. Ускорить рутинную работу за счет понимания, какие элементы делать компонентами и какие свойства компонентов (настройки) использовать, чтобы это воплотить.
3. Упростить передачу дизайна в разработку, потому что разработчики воспроизводят компоненты в коде и также переиспользуют их.
Заключение
Инструмент дает возможность работать с дизайном как с конструктором.
Если вам интересно легко и с удовольствием разобраться на практике с концептуальной и технической стороной компонентов, приглашаем вас на трехдневный интенсив, где вы сможете увидеть правильные примеры, поэтапно освоить компоненты от просто до сложного и, более того, получить фидбек от опытного ментора, то приглашаем на наш 3-дневный интенсив.
Components интенсив
