С его помощью можно проверять результат работы на самом устройстве, что очень удобно. Главное, чтобы компьютер и мобильный находились в одной Wi-Fi-сети. Скачать нужные приложения можно в разделе Downloads на сайте Figma. Доступ к макетам есть с любого устройства — даже с iPad. Достаточно запустить браузер и выйти в интернет. А это, в свою очередь, значит, что больше не нужно постоянно экспортировать макеты с результатом работы из редактора в PNG и JPG.

Доступ к некоторым функциям удобнее осуществлять из приложения, кроме того, редактор может тормозить. Этот инструмент позволяет разделить изображение на более мелкие части, которые соединяются вместе, как мозаика, но с прямыми краями. «Послайсить» изображение полезно, если у вас большое полотно. Разбивая его на части, вы добиваетесь того, что части изображения начнут загружаться первыми, давая пользователю знать, что дальше будет что-то еще. Библиотека — это специальный файл, в котором хранятся готовые элементы, созданные другими дизайнерами.

Особенности сервиса

Если этот вариант вам неудобен, можете оплачивать сервис помесячно — по 15 $ за каждый месяц. Разберитесь с тем, как работают фреймы и компоненты. Довольно сложно объяснить словами, что такое фрейм. Проще зарегистрировать в Фигме, попробовать поработать с фреймом и без него. Еще удобство в том, что можно изменить дизайн компонента, и его экземпляры тоже поменяются.

Кстати, можно добавлять версиям названия и описания. Все файлы проекта хранятся в облаке, не нужно сохранять и заливать куда-то каждый макет по отдельности, а затем искать нужную папку с ним и снова скачивать. Изменения сохраняются автоматически, можно увидеть, кто последним работал над проектом и сколько часов/дней/месяцев назад. Всю эту головную боль авторы Figma взяли на себя, создав уникальный продукт, который очень сильно упростил жизнь дизайнерам и проектировщикам.

Как работать в менеджере файлов

Фрейм – это отдельный законченный HTML-документ, который вместе с другими HTML-документами может быть отображен в окне браузера. По-простому – это холсты со своими отступами, направляющими, правилами figma для верстальщика выравнивания и масштабирования элементов. В редакторе есть стандартный набор фреймов с размерами популярных десктопных и мобильных устройств, распространенных бумажных форматов, фото для соцсетей.

Есть очень полезный раздел, Figma Templates, где собраны шаблоны на разные случаи жизни — от карты пути пользователя до диаграммы Ганта. Для каждого предусмотрено описание и инструкция по применению. В общем, заготовки на все случаи жизни — вопрос «что можно делать в Figma» отпадает сам собой.

Фреймы

Фигма позволяет использовать шаблоны, а не придумывать баннеры каждый раз с нуля. Например, таргетолог может заметить, что одинаково хорошо работают баннеры с определенным расположением текста и объектов. Он может взять шаблон этого баннера и отредактировать его под дизайн нужного проекта. В Figma можно создавать заготовки, которые будут служить шаблоном для каждой новой работы. Удобно тем, что элементы не придется каждый раз создавать с нуля, а изменять и дополнять уже готовы шаблоны.

Попутно оставьте комментарии и скиньте ссылку на файл клиенту. Ему даже не придется ничего скачивать, а информация будет восприниматься целостно и легко. Мудборды в разы сокращают количество правок и минимизируют недопонимания. Фигма сохраняет ранние версии файла на 30 дней – при необходимости можно возвращаться к ним и дублировать любую из них. Сохранение происходит автоматически после внесения последнего изменения в файл.

При этом у каждого участника команды будет доступ к библиотеке. Вдобавок ко всему в Figma есть возможность оставлять комментарии непосредственно в макете. Причем их могут добавлять и редакторы, и обычные юзеры. Ее скачивают на Windows, MacOs, Android, iOS для загрузки собственных шрифтов и работы офлайн. Работу из десктопной версии можно импортировать в браузерную. Фигма – редактор с английским интерфейсом, поэтому не доверяйте ресурсам, на которых якобы можно скачать русскоязычную версию.

Преимуществом фрейма в фигма является то, что он может содержать другой фрейм. Чтобы создать фрейм выберите нужный пункт вменю или нажмите F на https://deveducation.com/ клавиатуре. Фигма является популярным дизайнерским инструментом. Уметь им пользоваться нужно не только профессионалам, но и новичкам в дизайне.