Figma – онлайн‑приложение, где можно рисовать интерфейсы, прототипировать и работать с коллегами в реальном времени. Не нужен ни один скачиваемый файл, всё сохраняется в облаке и доступно с любого компьютера. Поэтому многие студенты и фрилансеры выбирают Figma как основной инструмент.
Если вы только начинаете, первое, с чего стоит стартовать, – регистрация и знакомство с пустым проектом. Откройте новый файл, выберите кадр (frame) и задайте базовый размер экрана. Это ваш холст, на котором дальше будет происходить всё остальное.
Главная сила Figma – совместная работа. Вы можете пригласить коллегу в один клик, и оба будете видеть изменения сразу. Это экономит часы переписки и согласования правок. Кроме того, Figma работает полностью в браузере, так что не важно, работаете ли вы на Windows, macOS или Linux.
Еще один плюс – компоненты. Создайте кнопку один раз, превратите её в компонент, а потом используйте в разных экранах. Когда меняете стиль компонента, все его копии обновляются автоматически. Это помогает держать дизайн в едином виде и ускоряет правки.
1️⃣ Горячие клавиши. Научитесь нажимать R для прямоугольника, O для круга, T для текста – это экономит кучу времени.
2️⃣ Авто‑layout. Эта функция позволяет автоматически выравнивать элементы внутри группы. Если вы меняете размер кнопки, текст подстраивается сам, без лишних усилий.
3️⃣ Плагины. В магазине Figma есть плагины для генерации контента, создания иконок и даже проверки контрастности. Установите несколько базовых – они реально ускоряют работу.
4️⃣ Стили текста и цветов. Задайте глобальные стили и применяйте их к элементам. Когда нужно поменять фирменный цвет, меняете лишь один стиль, а не каждый объект.
5️⃣ Прототипирование без кода. Добавьте интеракцию к кнопке, укажите, куда она ведёт, и получите кликабельный прототип за пару минут. Показав клиенту такой прототип, вы сразу получаете обратную связь.
Помните, что Figma постоянно обновляется. Подпишитесь на их блог, чтобы не пропустить новые функции. И главное – практикуйтесь. Чем больше вы экспериментируете, тем быстрее будете находить свои быстрые решения.
Выбор приложения для работы UX UI дизайнера — это не просто дело вкуса. От программы зависит скорость работы, удобство совместной работы в команде и даже качество итогового прототипа. Многие дизайнеры колеблются между Figma, Sketch, Adobe XD и другими инструментами. Можно ли обойтись только одной программой? На что обратить внимание при выборе?
Читать далее
