Обзор программы Figma


Figma — это инструмент UI/UX-проектирования с возможностями генерации кода, высококачественного макета и интерактивного прототипирования. Он используется для разработки приложений и векторных иллюстраций.

Хотя это в первую очередь инструмент на основе браузера, который можно использовать в любой OS. Существуют десктопные версии для компьютеров тоже.

Различные члены команды могут вносить изменения в проект в режиме реального времени. Ваши проекты всегда будут синхронизированы и обновлены.

Научитесь работать в Figma
Подробнее

За 2 месяца вы научитесь настраивать артборды и быстро создавать макеты для устройств с разным разрешением и узнаете базовые возможности Figma.

Как работает Figma

Figma обладает функциональностью, такой как в Adobe XD, Gravit, Sketch и других аналогичных инструментах дизайна.

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

Все в Figma основано на слоях, и каждый артборд представлен слоем. Уменьшив изображение артборда, Вы сможете увидеть весь проект с высоты птичьего полета. Справа находится информационная панель, слева — панель инструментов и слоев.

Как работает figma

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

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

вернуться в меню ↑

Инструменты Figma

Figma имеет инструменты, используемые в проектировании, такие как:

  • Выравнивание,
  • Сетка ограничений,
  • Булевы команды (соединение, пересечение, объединение, вычитание),
  • Выбор цвета,
  • Режим наложения,
  • Несколько заливок,
  • Эффекты (падение / внутренняя тень, размытие фона / слоя),
  • Инструмент «Рамка» с пользовательским или специфическим для устройства размером,
  • Маски,
  • Элементы формы,
  • Инструменты для пера и изгиба,
  • Текстовый инструмент,
  • Блокировка и скрытие слоев,
  • Переместить инструмент,
  • Закрепление,
  • Инструмент Zoom.

О текстовом инструменте нужно знать одну вещь: вы не сможете перемещаться по параметрам шрифта или просматривать предварительный просмотр топографии.

вернуться в меню ↑

Интересные особенности Figma

Давайте немного подробнее рассмотрим возможности Figma:

  • Библиотеки: создавайте библиотеки с повторно используемыми компонентами и предоставьте доступ всей команде. Библиотеки компонентов определяются командами, поэтому одна команда может иметь одну библиотеку, а другая — свою. Когда компонент обновляется в библиотеке, изменения вносятся в каждый дизайн, использующий его. При обновлении компонента в библиотеке вы подтверждаете, что опубликуете это изменение.
  • Перемещение: при перемещении объекта по холсту линейки будут показывать его высоту и ширину.
  • Масштаб: Как обычно, инструмент масштабирования держит все пропорционально. Уникальным для Figma является то, что масштаб — это индивидуальный инструмент. Вам не нужно удерживать нажатой клавишу Shift при его использовании.
  • Векторные сети: Создавайте сложные формы, называемые векторными сетями, прикрепляя несколько сегментов к узлу на векторе.
  • Изгиб: с помощью инструмента изгиба вы можете захватывать форму по любому краю, а не только по точке.
  • Изображение в форме: перетащите изображение прямо в форму, которую вы создаете. Когда вы преобразуете форму, изображение будет оставаться пропорциональным внутри.
  • Инструмент «Поместить изображение»: изображения не просто попадают в ваш дизайн. Вместо этого вы будете удерживать изображение курсором, а затем щелкните, чтобы поместить его на место. Если вы измените размер, удерживая его (не удерживая нажатой клавишу shift), он обрезает изображение, а не изменяет его размер.
Интересные особенности Figma
вернуться в меню ↑

Преимущества Figma

В дополнение к своим инструментам и некоторым из их уникальных возможностей, у Figma есть еще такие преимущества:

  • Комментарий прямо на холсте
  • Создание кода CSS и SVG, iOS и Android
  • Экспорт в формате JPG, PDF, PNG или SVG
  • Импорт нескольких изображений одновременно
  • Импорт файлов Sketch
  • Связывание объекта с артбордом
  • Ярлыки похожи на другие платформы
  • История версий в доступе
вернуться в меню ↑

Совместная идея и дизайн

Есть и другие инструменты, более подходящие для совместной работы с цифровой доской, такие как Mural. Но все таки Figma делает это лучше по сравнению с другими инструментами дизайна.

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

Совместная идея и дизайн

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

Вы также можете щелкнуть на аватар на панели инструментов, чтобы увидеть точку зрения любого члена команды. Совместное использование работает аналогично Dropbox, и вы можете установить разрешения для редактирования или только для просмотра.

Источник figma
вернуться в меню ↑

Ценообразование в Figma

Figma бесплатна, если у вас небольшая команда из двух человек, и нужно работать над тремя проектами одновременно.

Кроме того, есть пакет Professional, который стоит 12 долларов за редактора в месяц; пакет Организации, за 45 долларов за редактора в месяц.

Каждый пакет поставляется с неограниченным файловым хранилищем и бесплатными зрителями. Два платных тарифа имеют неограниченное количество редакторов и проектов, а также возможность создавать проекты только по приглашению.

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

вернуться в меню ↑

Вывод

Функции кроссплатформенного доступа и совместной работы делают Figma победителем и сильным конкурентом среди других ведущих инструментов дизайна.

Особенно полезны история версий и редактирование в реальном времени без необходимости совместного использования файлов.

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

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

Есть вопрос или дополнение?

      Оставить отзыв

      EdAdvisor
      Регистрация
      Сброс пароля
      Сравнить товары
      • Итого (0)
      Сравнить
      0