Руководство по работе в Figma: знакомимся с программой
В отличие от Sketch, свойства, что сохраняются в стилях для текста в Figma содержат лишь информацию о семействе шрифтов, размере, высоте строки и интервале. Такой подход делает вашу библиотеку стилей красивой и краткой, поскольку нет необходимости дублировать стиль для другой версии цвета или выравнивания. Вы можете настроить один стиль и повторно использовать его для текста, заливок и контуров! Вы можете изменять и удалять их в любое время, щелкнув по стилю правой кнопкой мыши. В Фигме уже есть предустановленные шрифты от Google! Но если вы предпочитаете использовать локальные шрифты, вам необходимо установить Font Helper или приложение для Фигмы.
Одно из главных преимуществ Figma заключается в возможности создавать и редактировать проекты совместно с другим пользователями. Для этого нужно создать команду и пригласить в нее своих коллег. В левом меню расположены кнопки «Drafts» — «Черновики», «Recents» — «Недавние файлы», «Favorite files» — «Избранное». От того, какую из них вы выберите, зависит, что будет отображаться на рабочем столе. Слева ниже есть список ваших команд и ссылка на создание новой команды («Create new team»). В Figma все участники проекта видят одинаковую картину.
Поделиться ссылкой на проект
А чтобы дать доступ целой команде и подключить её ко всем файлам проекта, нужно немного раскошелиться. Доступ к макетам есть с любого устройства — даже с iPad. А это, в свою очередь, значит, что больше не нужно постоянно экспортировать макеты с результатом работы из редактора в PNG и JPG. Достаточно отправить ссылку на файл с настроенным доступом, а получателю не обязательно иметь аккаунт в Figma. Все изменения сохраняются автоматически в облачном сервисе системы.
- Чтобы вписать лого в прямоугольник полностью, выберите настройку Fit справа.
- Некоторые дизайнеры до сих пор продолжают работать в фотошопе, аргументируя это тем, что там есть все возможности для создания дизайна.
- На бесплатном тарифе редактор хранит историю версий за последние 30 дней, на платном — неограниченное время.
- Каждый его компонент будет доступен для использования в других файлах Figma.
Именно эта особенность дает возможность воспользоваться ее уникальными функциями. Этот тариф предназначен для корпоративного использования сервиса. Ежемесячная стоимость — 45$ с человека, подписка оплачивается сразу на год. До появления Figma не было доступного всем инструмента, который обеспечивал бы общий доступ к проекту.
Figma — платная или бесплатная программа
Тем более, в последних версиях он значительно изменился с точки зрения дизайна и расположения ключевых компонентов. Работа с компонентами выручит вас при редактировании большого количества проектов или при работе над сложносоставными проектами. Сделка могла бы сделать инвесторов и сотрудников стартапа гораздо богаче, но приостановилась на этапе регулятивного контроля. Подход, в котором дизайн начинается с создания неделимых элементов, которые используются повторно и комбинируются между собой. Чтобы новую библиотеку можно было использовать в проектах, её нужно опубликовать. Сделайте это на вкладке Assets, кликнув иконку-книгу и нажав Publish.
Нажмите по значку воспроизведения в правом верхнем углу, чтобы открыть экран презентации в новой вкладке. Там вы сможете найти поле для комментариев, полноэкранный режим, а также простую ссылку на проект. Figma – одновременно графический редактор и программа для разработки прототипов. Это значит, что вы сможете не только создавать в ней отдельные элементы (иллюстрации, иконки), но и моделировать будущие сайты или приложения. К тому же, помимо компонентов, в фигме есть возможность создавать стили, чего нельзя делать в фотошопе.
Чем Figma отличается от Photoshop
В этой статье расскажем, что такое Figma, какие у нее основные возможности и ограничения. Ещё одна важная функция Figma, о которой хочу рассказать, — это возможность создавать компоненты из любых элементов — аналог смарт-объектов в Photoshop. Теперь выберем блок с текстом и добавим его figma что это в нужные места прототипа (пункты меню, текст в шапке, текст на первых двух экранах). Цвет, шрифт и размер текста меняются на панели настроек справа. Сразу нарисуем линию, которая отделяет меню сайта от шапки с помощью инструмента «Line» (держим Shift, чтобы линия получилась прямой).
Элементы с виртуальной доски можно переносить в файл в Figma. На бесплатном тарифе редактор хранит историю версий за последние 30 дней, на платном — неограниченное время. Когда в файле работает несколько человек, удобно отслеживать, кто и какие правки вносил.
Кому нужна Figma
Также можно сохранять версии вручную и возвращаться к ним, если что-то пошло не так. Виджеты — интерактивные объекты, которые помогают взаимодействовать с командой. Например, виджет Todo оставляет список задач для участников проекта, а виджет Voice Memo записывает https://deveducation.com/ голосовые сообщения для коллег. Чтобы использовать виджет, нажмите Try it out, перейдите в Resources, во вкладке Widgets выберите нужный инструмент и нажмите Add. Объект появится в файле вашего проекта, и его увидят все участники, у которых есть доступ.
Если вам интересно развиваться в этом направлении, то без Figma не обойтись. Figma — отличный инструмент для веб-дизайнера, проектировщика и дизайнера интерфейсов. Ею также могут пользоваться UX-исследователи и разработчики. Руководители продуктов могут контролировать процесс, понимать, на какой стадии находится дизайн, и быстро собирать презентацию для коллег. Аналитики для описания сценариев могут экспортировать макеты, не отвлекая дизайнера от работы. Figma — кросс-платформенный графический онлайн-редактор для совместной работы.
Возможности и особенности Figma
Мы в команде только получили подтверждение от руководства, что можем использовать Figma как основной рабочий инструмент дизайнера. Пока шла закупка лицензий, мы работали в бесплатном тарифе. Чтобы найти нужный плагин, можно воспользоваться формой поиска.
На ПК есть возможность использовать вкладки — работать над несколькими проектами одновременно. В браузерной придется выходить из одного проекта и заходить в другой. Даже у меня появилось желание заняться разработкой дизайна интерфейсов, настолько все просто и удобно. Начинающие пользователи легко разберутся с тем, как работать в ней.
