Figma

Создание прототипов


Содержание сайта
Разное
Создание прототипов
Обзор программ л.6  /
Список программ

Figma

На рисунке - Figma v 3.0 (2016 - 2019 гг). Имеется онлайн-версия и версия для установки на ваш компьютер (Figma Desktop, вес 178 Мб)..Интерфейс на англ. языке.
Есть бесплатная версия программы и две платные версии (плата 12 и 45 долл. в месяц)
Работает в Windows, MacOS, Linux.
Онлайн-версия работает в браузерах Google Chrome, Firefox, Edge.

Назначение программы - создание прототипов. Figma может использоваться как для создания простых прототипов, так и сложных проектов (мобильные приложения, порталы).
Figma может применяться также как редактор векторных изображений.

Основные функции

Создание прототипов. Макетирования и графический дизайн
Разработка интерфейсов
Применение шаблонов
Возможность совместной работы над проектом в режиме реального времени. Figma позволяет легко делиться своей работой, получать отзывы и общаться с заинтересованными сторонами.
Комментирование проекта, определенных областей дизайна или прототипа. Просто отправьте ссылку, чтобы кто-нибудь оставил отзыв и комментарий.
Figma имеет широкие возможности для интеграции с корпоративным мессенджером Slack и инструментом для высокоуровневого прототипирования Framer.
Поддержка форматов файлов SVG, PNG, JPEG и GIF.
Для бесплатной версии - неограниченное количество файлов, до 3 проектов.
Создание проектов для экранов разных размеров.
Есть шесть инструментов Shape Tools (инструменты для создания графических форм): Прямоугольник, Линия, Стрелка, Эллипс, Многоугольник, Звезда.
Создание произвольных векторных форм с использованием инструмента Перо.
Вставка изображений
Вставка текста
Привязка объектов к сетке
Использование компонентов. Компоненты могут быть созданы из уже разработанных вами элементов. Это могут быть кнопки, значки, модалы или другие сочетания слоев и форм.
Компоненты могут быть двух типов:
     Главный компонент, который определяет свойства компонента.
     Экземпляр, который является копией компонента, который вы можете использовать в своих проектах. Экземпляры связаны с Главным компонентом, поэтому любые изменения, внесенные в Мастер-компонент, будут применены к Экземпляру.
Вы можете создавать компоненты для повторного использования в одном файле. Или поделитесь ими в своих файлах и проектах с помощью Team Library.
Создание компонентов, способных масштабироваться.
Применение слоев. Применяя объединение, вычитание, пересечение и исключение, можно точно комбинировать любой набор слоев и объектов.
Возможность добавлять / удалять эффекты в список эффектов. Figma отображает эффекты тени (до 8 типов тени) и  размытия, свечения.
Эффекты сочетаются со смешиванием, создавая разнообразные формы фигуры.
При относительном и ручном позиционировании вы можете полностью контролировать, где и как появляются наложения.
Создание интерактивности прототипа - взаимодействие по нажатии, наведении курсора и так далее. Использование библиотеки команд.
Создайте горизонтальную, вертикальную или любую другую прокрутку в направлении отдельных фигур или всего родительского кадра.
Создавайте и делитесь повторно используемыми элементами.
Используйте стили элементов. Определите общие цвета, текст, сетку и стили эффектов для использования во всех проектах вашей команды.
Возможность проверять, копировать, экспортировать ресурсы и копировать CSS непосредственно из файла проекта.
Figma основана на браузере. Работает на Mac, ПК, Linux; это даже работает на Chromebook. Это означает, что вы можете сотрудничать с кем угодно, на любой платформе.

Figma позволяет создавать интерактивность, имитирующую взаимодействие пользователя с вашими проектами  (прототипами). Вы можете создать горячую точку из любого объекта внутри области (рамки) или даже из области верхнего уровня. К примеру, горячей точкой может быть объект кнопки.
Создайте связь с областью (рамкой, окном) назначения. назначения. Поле «Триггер» позволяет определить, какое взаимодействие с пользователем приведет к перемещению из одного окна (области) прототипа в другое.
Вариант перехода выбирается из предлагаемых вариантов.
Установите продолжительность перехода. Минимальное значение составляет 1 мс, а максимальное - 10 000 мс (10 секунд).
Вы можете удалить созданное вами соединение в режиме прототипирования.

Предварительный просмотр.
Экспорт в форматах файлов SVG, PNG, JPEG и PDF.

Авторская справка (англ. язык)
Видео-обучение (англ. язык)

Страница программы
Скачать Figma Desktop


Вернуться к обзору
Последнее обновление: июнь 2019 г.