Если вы работаете в сфере дизайна интерфейсов или вам нравится экспериментировать с миром Дизайн приложений для AndroidВы, вероятно, уже слышали о Figma. Однако вы, возможно, не уверены, как использовать её по максимуму на своём телефоне или планшете. Хорошая новость в том, что вам не нужно быть прикованным к компьютеру, чтобы просматривать модели, комментировать прототипы или… следить за развитием проектаС помощью мобильного приложения вы сможете сделать гораздо больше, чем кажется на первый взгляд.
В этом руководстве мы шаг за шагом и очень подробно рассмотрим, Как использовать Figma на AndroidОт загрузки приложения, входа в систему и навигации между организациями до просмотра дизайнов, тестирования прототипов, работы с FigJam, управления уведомлениями и устранения распространённых неполадок мобильных устройств. Мы также дополним эту информацию ключевыми концепциями Figma, чтобы помочь вам лучше понять, что вы делаете на каждом экране.
Что можно делать с помощью Figma на Android?
Мобильное приложение Figma для Android разработано таким образом, чтобы вы могли Просматривайте и тестируйте свои проекты где угоднобез использования ноутбука. Это не урезанная версия настольного компьютера, а инструмент, ориентированный на рецензирование, комментирование и презентацию.
С ней ты можешь поиск, просмотр и комментирование файлов Инструменты дизайна, доски FigJam, презентации Figma и интерактивные прототипы. Идеально подходит для быстрой обратной связи с командой, анализа схем навигации в метро или презентации предложения клиенту прямо с мобильного устройства.
Это также позволяет вам представить и протестировать прототипы непосредственно на реальном устройстве Android, что имеет решающее значение, когда вы разрабатываете мобильные интерфейсы и хотите увидеть, как переходы, размеры шрифтов или кнопки ведут себя на физическом экране.
Еще одна очень полезная функция — это вкладка для Рамы для зеркалС помощью этой функции вы можете в режиме реального времени копировать то, что вы проектируете на компьютере, чтобы увидеть результат на устройстве Android. Таким образом, вы можете мгновенно проверить, как макет адаптируется, без необходимости экспортировать что-либо или создавать промежуточные прототипы.
Кроме того, приложение дает вам возможность редактировать панели FigJam (особенно полезно на планшетах) и просматривайте команды, проекты и файлы, отмеченные как избранные, оставаясь в курсе событий благодаря всплывающим уведомлениям, когда кто-то упоминает вас или комментирует ваши проекты.
Загрузите и установите Figma на Android
Чтобы начать использовать Figma на Android, первое, что нужно сделать, это Установите официальное приложение Из Google Play. Зайдите в магазин, найдите «Figma» и убедитесь, что разработчик — Figma, Inc., чтобы избежать поддельных или неофициальных приложений.
Сам инструмент рекомендует использовать последняя версия андроида которые поддерживает ваше устройство. Это не только повышает общую производительность, но и снижает количество ошибок в веб-интерфейсе системы, что критически важно для бесперебойной работы приложения при загрузке сложных файлов.
После загрузки и установки, при первом открытии приложения оно спросит вас: вход или создайте учётную запись. С этого момента все изменения, комментарии и действия, которые вы совершаете с мобильного устройства, будут автоматически синхронизироваться с вашей учётной записью в облаке.
Как войти в систему и сменить организацию
Мобильное приложение Figma позволяет вам войти в систему с помощью те же методы, которые вы используете на настольном компьютереЭлектронная почта и пароль, аутентификация Google, корпоративный единый вход или другие параметры, которые вы настроили в своей учетной записи.
При первом входе в систему вы можете увидеть лишь несколько недавних файлов и задаться вопросом, где остальные. В Figma, особенно если вы работаете в крупных компаниях, принято принадлежать к… несколько организаций или команди приложение отображает контент только одной организации за раз.
Если вы не можете найти свои файлы, возможно, они находятся в другой организации или даже на вашем компьютере. Личный кабинет FigmaЧтобы переключиться, нажмите на логотип вашей организации в правом верхнем углу экрана и выберите организацию или учетную запись, к которой вам необходимо получить доступ.
Это организационное изменение влияет на все, что вы видите в приложении: Последние файлы, проекты, команды и уведомления Они фильтруются по активной организации. Это важно учитывать, если вы работаете с несколькими клиентами или компаниями одновременно.
Если вы часто переключаетесь между несколькими учетными записями (например, между профессиональной и личной), вам следует выработать привычку проверять логотип в правом верхнем углу, чтобы убедиться, что вы вошли в систему. глядя в нужное место прежде чем подумать, что файл «исчез».
Язык и основные настройки в приложении
В настоящее время мобильное приложение Figma предлагает интерфейс, официально доступный в Английский и японскийПолного перевода на испанский язык пока нет, поэтому вы увидите все меню и кнопки на английском языке, даже если на вашем телефоне настроен испанский язык.
Чтобы изменить язык, используемый приложением, вам не нужно ничего трогать внутри Figma: приложение Он определяет язык из настроек. вашего устройства Android. То есть, если у вас англоязычная система, Figma будет отображаться на английском языке; если вы переключитесь на японский, приложение отобразит это.
На уровне базовой конфигурации, помимо языка, рекомендуется просмотреть разрешения на уведомления из системы сразу после установки Figma. Если в Android отключены уведомления для приложения, вы не будете получать оповещения о новых комментариях, упоминаниях или важных изменениях.
Хотя приложение пока не имеет огромного меню внутренних настроек, в нем есть опции для управлять push-уведомлениями и некоторые основные аспекты поведения приложения, доступные через логотип вашей организации в верхней части.
Исследуйте, ищите и открывайте файлы на Android
Когда вы открываете приложение Figma на мобильном устройстве Android, на главном экране отображается выбор ваших последние файлы и прототипы Разделы организованы по отдельным разделам. Это позволяет быстро продолжить чтение с того места, где вы остановились.
У вас есть несколько способов найти то, что вам нужно: вы можете просмотреть вкладку недавний Чтобы просмотреть последние проекты и прототипы, которые вы открывали с любого устройства, или нажмите «Просмотреть все» для более широкого просмотра всех ваших файлов.
Если вы ищете что-то конкретное, вкладка поиск Он позволяет находить файлы и прототипы по имени. Кроме того, вы можете получить доступ к документам, добавленным в избранное, из десктопной версии или браузера.
Как только вы найдете интересующий вас файл, вам просто нужно нажмите здесь Чтобы открыть его, приложение загрузит холст или прототип в зависимости от типа файла, и вы сможете начать просматривать, комментировать или рецензировать содержимое.
Помните, что производительность при открытии очень больших документов сильно зависит от вашего подключение к данным и питание устройстваНа высококлассных мобильных телефонах работа происходит гораздо более плавно, тогда как на базовых моделях может быть немного сложнее перемещаться по большим файлам.
Как просматривать проекты Figma на сенсорном экране
Когда вы открываете файл дизайна на Android, Figma адаптирует его холст на сенсорный экран Так что вы можете перемещаться по сайту естественными жестами. Это, конечно, не то же самое, что использовать мышь и клавиатуру, но очень удобно для просмотра.
Для навигации по холсту вы можете нажмите и перетащите Проведите пальцем в любом направлении. Это позволит вам исследовать различные кадры и области дизайна, даже если файл большой или занимает несколько экранов.
Если вы хотите увеличить или уменьшить масштаб, используйте классический жест сжать двумя пальцами на экране, чтобы увеличить или уменьшить масштаб. Таким образом, вы можете рассмотреть мелкие детали, такие как значки или размеры текста, или иметь глобальный обзор всего потока.
Когда вам нужно оставить отзыв, нажмите и удерживайте область холста: это позволит вам добавить комментарий Привязанный к конкретной точке дизайна. Это самый быстрый способ указать на ошибки в выравнивании, цветах, тексте или любых других исправлениях, которые вы хотите, чтобы команда проверила.
Кроме того, в меню «Файл» вы можете переключать такие опции, как Показать или скрыть индикаторы комментариев, просматривать полный список комментариев, переключаться между страницами архива или управлять доступом пользователей к данному дизайну — и все это не выходя из мобильного приложения.
Работа с FigJam на Android
FigJam, инструмент для совместной работы с доской Figma, также доступен из мобильного приложения Android, но с некоторые особенности в зависимости от устройстваНа мобильных устройствах вы увидите версию, адаптированную для быстрого просмотра и редактирования.
Если вы работаете с iPad, Figma рекомендует использовать Приложение для FigJamПриложение предлагает выделенное пространство для просмотра, редактирования и организации ваших досок. Оно оптимизировано для iPadOS 15 и более поздних версий и использует все преимущества размера экрана и Apple Pencil.
Даже если у вас нет iPad, вы все равно можете использовать телефон на базе Android. Открывать и редактировать панели FigJam С приложением Figma. Оно удобно для просмотра рабочих процессов, добавления быстрых заметок или внесения небольших изменений во время совещания.
Использование его на небольших экранах требует некоторого терпения, но для легких задач, таких как добавлять комментарии, перемещать стикеры или просматривать диаграммы Обычно этого более чем достаточно, особенно если вы находитесь вне офиса и вам нужно быстро что-то сделать.
Для более продолжительной визуальной проработки идей или более сложных графических проектов по-прежнему удобнее использовать компьютер или большой планшет, но мобильное приложение спасает вас во многих ситуациях, когда вам нужен только он. специфическое вмешательство.
Посмотрите и попробуйте прототипы Figma на Android
Одно из самых мощных применений Figma на Android — это возможность тестировать интерактивные прототипы на реальном устройстве. Это важно при разработке мобильных приложений, поскольку позволяет протестировать реальный пользовательский опыт.
Открыв прототип на мобильном устройстве, вы можете перемещаться между экранами и потоками, касаясь экрана. Если в прототипе не заданы какие-либо взаимодействия, приложение автоматически переключится на следующий экран. следующий кадр простым прикосновением, что также поможет вам просмотреть последовательность.
Прототипы имеют скрытая строка меню который не отображается постоянно. Чтобы открыть его, коснитесь экрана двумя пальцами и удерживайте их; появятся дополнительные опции, связанные с просмотром прототипа.
Из этого меню вы можете, например, изменить некоторые параметры отображения, просматривать детали прототипа или быстрее перемещаться между экранами без необходимости всегда следовать определенным взаимодействиям.
Этот метод работы является ключевым, когда вам нужно научить клиента или подтвердить конкретное взаимодействие с тестовыми пользователями непосредственно на мобильном телефоне, без кабелей и сложных настроек.
Представление и просмотр презентаций с помощью Figma Slides
Figma предназначена не только для проектирования интерфейсов. Она также включает в себя Фигма СлайдыРешение для создания презентаций прямо в инструменте. Мобильное приложение для Android также поддерживает этот тип файлов.
Когда вы открываете слайды Figma на мобильном устройстве, вы увидите основной слайд, занимающий большую часть экрана, и полоска миниатюр внизу, с предварительным просмотром каждого слайда.
Для навигации по презентации просто нажмите на миниатюру слайда, который вы хотите увидеть. Таким образом, вы можете быстро перейти к интересующей вас части презентации, не просматривая её каждый раз по порядку.
Как и в случае с другими файлами, вы можете увеличивать или уменьшать масштаб слайда с помощью жеста: увеличить или уменьшить масштаб для просмотра деталей дизайна или небольшого контента.
Нажав и удерживая область слайда, вы можете добавлять комментарии, а из меню «Файл» вы можете показать или скрыть индикаторы комментариев. полный список отзывов или просмотреть полный список отзывов, связанных с этой презентацией.
Комментируйте, отвечайте и следите за активностью
Приложение Figma для Android разработано таким образом, чтобы вы не теряли связь с проектом, даже когда находитесь вдали от компьютера. Вкладка для деятельность Это центр управления всем, что происходит с вашими файлами.
Отсюда вы можете получить доступ к вашему уведомления о комментарияхУпоминания и соответствующие изменения. Каждое уведомление отображается как отдельный элемент; при нажатии на него открывается быстрый просмотр, позволяющий увидеть, что было сказано, не загружая весь файл.
Этот «быстрый ответ» позволяет вам ответить прямо в комментариях, что идеально подходит, когда кто-то задает вам вопрос, пока вас нет, или вы хотите разрешить сомнения относительно своей команды быстрой фразой.
Если нажать и удерживать комментарий, вы сможете его оставить. реакция (например, поднятый вверх большой палец). Это помогает подтвердить получение сообщений без необходимости отвечать текстом, ускоряя общение.
После того, как вы оставили комментарий и проблема была решена, вы можете нажать на значок «Решить» (галочка внутри круга), чтобы Отметить как закрытоеЕсли в какой-либо момент вы захотите увидеть этот комментарий в полном контексте дизайна, используйте опцию «Открыть комментарий в файле», чтобы перейти непосредственно к холсту, где он находится.
Зеркально отображайте рамки с вашего рабочего стола на вашем Android-устройстве
Функция зеркалирования, пожалуй, одна из самых интересных функций для разработчиков мобильных приложений. Через вкладку отражать В приложении для Android вы можете в режиме реального времени просматривать кадры, выбранные вами в файле рабочего стола.
Это означает, что пока вы проектируете экран на компьютере, изменения они появляются мгновенно на мобильном устройстве, без необходимости экспортировать или обновлять что-либо. Это отличный способ настроить такие детали, как размер шрифта или интервалы.
Кроме того, просмотр дизайна, масштабированного до реального экрана устройства Android, поможет вам обнаружить проблемы с читаемостьюслишком маленькие элементы или труднодоступные сенсорные зоны, которые могут остаться незамеченными на мониторе.
Этот непрерывный просмотр также идеально подходит для проверки того, как они себя ведут. сложные компонентыПанели навигации или типичные шаблоны взаимодействия Android на экранах разных размеров и разрешений.
Короче говоря, отражение в рамке превращает ваш телефон в своего рода постоянный предварительный монитор, идеально подходит для более быстрой и точной итерации проектов, особенно при работе с мобильными устройствами.
Всплывающие уведомления и как их настроить
Чтобы оставаться в курсе событий, не открывая Figma постоянно, приложение для Android включает в себя: всплывающие уведомления которые уведомляют вас о появлении новых комментариев, упоминаний или важных изменений в ваших файлах.
Эти push-уведомления включены по умолчанию, но вы всегда можете их отключить. отрегулируйте уровень шума Если вы получаете слишком много уведомлений или, наоборот, пропускаете что-то важное.
Чтобы управлять ими из приложения, нажмите на логотип вашей организации в правом верхнем углу, затем войдите в раздел Уведомления и настройте параметры всплывающих уведомлений в соответствии с тем, за чем вы хотите следить.
Рекомендуется объединить эту внутреннюю конфигурацию с Собственные настройки уведомлений AndroidЕсли в системе заблокированы уведомления Figma, приложение не сможет отображать оповещения, даже если они включены в системе.
Использование этих опций позволяет вам найти баланс между тем, чтобы оставаться в курсе важных событий и не загружать телефон постоянными уведомлениями, что особенно актуально, если вы являетесь частью многочисленные команды где ежедневно комментируется множество файлов.
Начало работы с Figma: интерфейс и файлы
Помимо мобильного приложения, понимание принципов работы Figma в целом поможет вам эффективнее использовать его и на Android. Figma — это браузерный инструмент, поэтому вам не нужно ничего устанавливать Чтобы начать проектирование: просто зарегистрируйтесь и войдите в систему на сайте.
Если вы предпочитаете настольное приложение, есть также клиент для Windows и других систем. Открыв Figma на компьютере, вы увидите главный экран с вашими Последние файлы, черновики и избранное и боковое меню для навигации по рабочим пространствам.
Чтобы создать новый проект, у вас есть три основных варианта: Новый файл дизайна Чтобы начать работу над файлом дизайна или прототипа, используйте функцию «Новый файл FigJam» для создания совместной доски или функцию «Импорт файла» для загрузки файлов Sketch, Figma или изображений в таких форматах, как PNG, JPG, HEIC или GIF.
При входе в файл дизайна вы видите классический интерфейс Figma, разделенный на несколько зон: одну верхняя панель инструментов с рамками, фигурами, ручкой, текстом и комментариями; левая колонка со страницами и слоями; центральное полотно, где вы работаете над дизайном, и правая колонка, называемая «Инспектор».
Инспектор разделен на вкладки: «Дизайн» для визуальных параметров (цвета, шрифты, размеры), «Прототип» для определения потоков и взаимодействий и «Проверка» для команды разработчиков. технические свойства и фрагменты кода экспортируется в CSS, iOS или Android.
Компоненты, повторное использование и совместная работа в Figma
Одной из самых сильных сторон Figma является ее система многоразовые компонентыСоздание компонента так же просто, как выбор нужных слоев и использование значка ромба (или сочетания клавиш Option + CMD + K на Mac, Ctrl + Alt + K на Windows).
При преобразовании набора слоёв в компонент слой выделяется фиолетовым цветом и имеет другой значок. С этого момента любая копия этого элемента будет пример основного компонента, имеющего свой простой символ ромба.
Если вы редактируете главный компонент (добавляете слои, меняете цвета, текст и т. д.), эти изменения применяются ко всем экземплярам, сохраняя визуальная согласованность дизайна и экономя вам часы рутинной работы.
В разделе совместной работы кнопка «Поделиться» в правом верхнем углу файла позволяет вам поделитесь проектом с другими людьми, введя их адрес электронной почты и выбрав разрешения: «может редактировать», чтобы они могли изменять дизайн, или «может просматривать», чтобы только просматривать и комментировать.
Кроме того, Figma имеет Фигма СообществоЭто пространство, где пользователи со всего мира обмениваются файлами, системами дизайна и плагинами. Вы можете искать ресурсы, копировать их в свой аккаунт и использовать в качестве основы для собственных проектов, экономя при этом массу времени.
Прототипы, мобильные приложения и дизайн на планшетах Android
Figma позволяет создавать продвинутые прототипы, подключая экраны, определяя взаимодействие, анимацию и поведение горизонтальной и вертикальной прокрутки. Всё это настраивается на вкладке Прототип в Инспекторе.
Если вы планируете использовать планшет Android, например Samsung Galaxy Tab, для рисования или макетирования, то опыт будет во многом зависеть от того, есть ли на устройстве встроенный стилус и хорошая мощностьМногие дизайнеры рассматривают возможность замены рабочего времени за столом на работу с планшетом для большего комфорта.
В таких случаях обычно используют комбинацию инструментов иллюстрации, таких как Photoshop или другие приложения для рисования Планшет используется для графики, а Figma (через браузер или приложение, в зависимости от системы) — для каркасов и прототипирования. Портативность — плюс, но планшет со стилусом обычно значительно дороже.
Если у вас уже есть оборудование, такое как Wacom Cintiq, планшет не всегда полностью заменит настольный компьютер, но он может стать очень полезное расширение для зарисовок, обзора или выполнения легких задач, сидя на диване, во время путешествий или на встречах.
В любом случае, независимо от того, используете ли вы Figma в основном в браузере или совмещаете ее с мобильными устройствами, главное — воспользоваться ее возможностями создания прототипов и тестирования. реальные экраны через приложение Android, чтобы максимально приблизиться к конечному пользовательскому опыту и создавать профессиональные скриншоты которые продемонстрируют ваш дизайн.
Устранение распространенных проблем Android
Как и любое сложное веб-приложение, Figma для Android может столкнуться с некоторыми проблемами. неожиданное закрытие или одноразовая ошибка, особенно на старых или сильно нагруженных устройствах.
Если приложение принудительно закрыто на вашем мобильном устройстве, одним из первых рекомендуемых действий является обновить «веб-представление системы Android» до последней версии, доступной в Google Play. Этот компонент Figma использует для отображения контента.
После обновления перезагрузите устройство и снова откройте Figma. Во многих случаях эти два шага (обновить и перезапустить) решены проблемы стабильности, связанные с изменениями в операционной системе.
Если проблема не устранена, проверьте, что на вашем Android есть достаточно места для храненияЗакройте фоновые приложения, потребляющие много ресурсов, и проверьте, есть ли в магазине ожидающие обновления для приложения Figma.
Хотя проблема доступа к «режиму блокировки» в основном описана для iOS, на Android также желательно проверить браузеры и системы безопасности устройства. Не блокируйте figma.com и не вмешиваться в аутентификацию, особенно если вы используете корпоративную систему единого входа (SSO).
Сочетание полностью облачной среды проектирования, системы компонентов и прототипов, а также мобильного приложения, позволяющего просматривать, комментировать, зеркалировать фреймворки и тестировать процессы непосредственно на Android, делает Figma привлекательным вариантом. проектирование и валидация цифровых продуктов Универсальное решение для тех, кто хочет проектировать и проверять цифровые продукты, не будучи прикованным к настольному компьютеру.
