Ако работите с Figma и искате да носите дизайните си в джоба си, приложението за Android е вашият най-добър приятел: то ви позволява да преглеждате файлове, да тествате прототипи, да коментирате и дори да отразявате рамки от компютъра си на телефона си. В ежедневна употреба това означава, че можете да предоставяте обратна връзка, да валидирате взаимодействията и да координирате с екипа си, дори когато не сте на компютъра си – нещо, което е безценно, когато сте в движение и трябва да вземате бързи дизайнерски решения. Освен това, Преживяването е до голяма степен проектирано за мобилни устройства.с естествени жестове, известия и навигация от организации, екипи и проекти, и се интегрира с динамична цветова палитра на Android.
Важно е да сте наясно какво можете и какво не можете да правите. В Android, Figma е насочена към преглед, преглед, коментиране и представяне, а не към изграждане на интерфейси от нулата, както бихте направили на настолен компютър. Въпреки това, има ключови функции като възпроизвеждане на прототипи, редактиране на панели във FigJam и огледално изображение на кадри, които правят цялата разлика. Ако идвате от опит с използването на таблет (например Samsung Galaxy Tab със S Pen) за рисуване и създаване на wireframing, е полезно да знаете, че докато рисуването в Android е напълно възможно със специални приложения, фокусът на Figma Mobile е върху валидирането и сътрудничеството. За сериозна дизайнерска работа, все пак ще се чувствате по-комфортно на компютъра.А за скициране в движение, таблет със стилус може перфектно да допълни този работен процес.
Какво можете да правите с Figma на Android?
Мобилното приложение обхваща всичко необходимо за преглед и споделяне: от търсене на файлове и прототипи до оставяне на коментари и представяне на дизайни в срещи. По-конкретно, можете да търсите, преглеждате и коментирате дизайнерски файлове, табла, пакети със слайдове и прототипи; да представяте прототипи без нужда от настолен компютър; да поставяте огледални рамки от компютъра си; да редактирате табла на FigJam; да преглеждате екипи и проекти; и да запазвате елементи в отметки за лесен достъп. Всичко това се поддържа от push известия, за да не пропуснете нищо важно, когато сте навън. Това е швейцарско ножче за мобилни инспекции..
Когато отворите приложението, ще видите вашите прототипи и скорошни файлове, организирани в отделни секции. Можете да отидете в „Последни“, за да намерите последното нещо, което сте отворили, да докоснете „Виж всички“, за да разгледате всичко, или да използвате раздела „Търсене“, за да намерите това, което ви е необходимо, по име. Ако имате запазени любими от вашия десктоп или браузър, те също ще се появят, което прави достъпът до любимите ви с едно докосване изключително удобен. Навигацията е лесна и много бърза.
Ако работите за различни организации, не забравяйте, че приложението показва само една по една. В горния десен ъгъл можете да докоснете логото на вашата организация, за да превключите към друга. Тази функция предотвратява объркване, когато файлове, които всъщност са в различен акаунт или организация, сякаш „изчезват“. Смяната на организации е само въпрос на две докосвания.
Що се отнася до езика, мобилното приложение в момента предлага английски и японски интерфейс. Няма опция за промяната му в самото приложение: трябва да промените предпочитания от вас език в настройките на устройството си и Figma ще се адаптира автоматично. Езикът се наследява от настройките на телефона..
Изтегляне, достъп и първи стъпки
За да инсталирате Figma на мобилното си устройство, просто отидете в магазина за приложения или използвайте официалните връзки/QR кодове. За оптимална производителност се препоръчва да поддържате операционната система на устройството си актуализирана до най-новата версия. Това предотвратява проблеми с производителността и съвместимостта. Актуализирането на Android преди стартиране е най-добрата идея.
Удостоверяването е гъвкаво: можете да влезете в акаунта си, използвайки обичайните методи (имейл/парола, съвместими доставчици или корпоративен вход), така че сте влезли за секунди. Ако вече работите с няколко акаунта, уверете се, че влизате с правилния, за да се появят вашите екипи и проекти. Влизането и започването на работа не отнема много време.
Разглеждайте и намирайте файлове на мобилното си устройство
Началният екран ви показва с един поглед последните ви прототипи и файлове. Докоснете някой от тях, за да отворите и разгледате съдържанието му. Ако предпочитате да разглеждате по категории, има раздели за „Последни“ и „Търсене“, както и преки пътища към любими. Просто е, но ефективно: по-малко бъркотия, повече фокус. Всичко е само на две докосвания разстояние.
Търсенето по име работи чудесно, когато знаете какво търсите, а ако сте имали дълъг ден на работния си плот, разделът „Последни“ бързо ще ви покаже последния прототип, който сте тествали. За по-големи колекции бутонът „Виж всички“ улеснява разглеждането, без да се губите. Намирането на специфичен прототип е лесна работа..
Преглед на дизайнерски файлове: полезни жестове и менюта
Когато е отворен файл с дизайн, навигацията е въпрос на жестове: задръжте пръста си и плъзнете, за да превъртите през платното; съберете два пръста, за да увеличите мащаба; а ако искате да коментирате, натиснете и задръжте върху платното, за да отворите полето за коментари. Това са естествени жестове, които не изискват учене. Превъртането, мащабирането и коментирането са много интуитивни..
Освен това, менюто „Файл“ предоставя достъп до много практични опции: показване или скриване на индикатори за коментари върху платното; превключване в режим на прототип; управление на достъпа до файлове; преглед на пълния списък с коментари; или промяна на страниците на документа. Всичко важно е лесно достъпно, което елиминира необходимостта да вадите лаптопа си за настройки на достъпа или навигация по страниците. Менюто групира точно това, което използвате най-много..
FigJam Мобилно издание
Ако обичате да създавате диаграми на потоци, обратна връзка или бързи карти, на Android можете да отваряте и редактирате дъски FigJam в приложението Figma. То не е заместител на настолния компютър, но е удобно за бързи задачи за сътрудничество. На iPad има специално приложение FigJam – препоръчително, ако работите с iPadOS 15 или по-нова версия – което предлага по-фокусирано изживяване. Във всеки случай, FigJam на мобилни устройства е идеален за бързи редакции и приноси.
Тествайте прототипи на реално устройство
Тестването на прототип на мобилно устройство е най-важният тест: виждате размерите, ритмите и микровзаимодействията точно както потребителят ще ги изпита. Ако прототипът няма конфигурирани взаимодействия, докосването на екрана ще премине към следващия кадър, което е чудесно за преглед на статични дизайни. Валидирането върху реален хардуер предотвратява изненади в производството.
Има скрито меню при възпроизвеждане на прототипа: докоснете и задръжте два пръста върху екрана, за да го разкриете. Оттам можете да получите достъп до полезни контроли и настройки за тестовата сесия, без да се налага да превключвате към друг изглед. Това е удобен малък трик, който ви спестява време при представяне или провеждане на бързи тестове. Жестът с два пръста отключва допълнителни опции за създаване на прототипи.
Презентации с Figma Slides
Ако използвате Figma Slides, навигирането в панела със слайдове на телефона ви е изключително лесно. Можете да се придвижвате между слайдовете, като докоснете предварителния преглед в долната част, да увеличавате мащаба, като щипнете и задържите пръсти, и да оставяте коментар, като натискате продължително текущия слайд. Това е повече от достатъчно за импровизирани срещи, провеждани на телефона ви. Представянето и коментирането на слайдове е бързо и естествено..
Менюто предоставя опции за показване или скриване на индикатори за коментари, управление на това кои потребители имат достъп до презентацията и отваряне на пълния списък с коментари. Това ви позволява да контролирате сесията и сътрудничеството дори без компютър. Безпроблемен контрол на достъпа и коментари.
Коментари и известия: актуални отвсякъде
Разделът „Активност“ централизира известията и коментарите, за да не пропуснете нищо. Докосването на коментар отваря изглед за бърз отговор, който се зарежда мигновено, без да е необходимо да отваряте целия файл. Тук можете да отговорите, да докоснете и задържите, за да реагирате с емоджи, или да разрешите създадени от вас коментари. Реагирането за секунди помага на екипа да се ориентира в правилната посока..
Ако имате нужда от повече контекст, можете да отворите коментара директно в съответния файл. И тъй като приложението изпраща push известия по подразбиране, ще бъдете уведомявани за споменавания или ключови промени незабавно. Контекстът на файла е само на едно докосване разстояние, когато имате нужда от него.
Огледални рамки от настолни компютри към мобилни устройства
Режимът „Огледало“ е чудесен начин за валидиране на адаптивен дизайн и плътност. В раздела „Огледало“ приложението показва кадрите, които избирате във Figma desktop на вашия телефон, с актуализации в реално време. Това ви позволява да измервате шрифтове, зони на допир и да откривате фини настройки, без да експортирате или използвате кабели. Виждането на дизайна на реално мобилно устройство ускорява вземането на решения, свързани с потребителския интерфейс..
В допълнение към това огледало на живо, то служи като предварителен преглед на това как ресурсите и компонентите се мащабират към различни екрани. Ако работите със системи за дизайн, това е отличен начин да проверите размерите, разстоянието и състоянията в контекст. Действителният преглед помага за фина настройка на детайлите на интерфейса.
Push известия и как да ги управлявате
Известията са активирани по подразбиране. За да коригирате поведението им, докоснете логото на вашата организация горе вдясно, отидете на „Известия“ и персонализирайте предпочитанията си, за да отговарят на работния ви процес. По този начин получавате това, което е важно, и намалявате ненужното. Настройването на известия по ваш вкус предотвратява ненужни прекъсвания.
Отстраняване на проблеми с Android и iOS
Ако приложението продължава да се срива на Android, има решение, което обикновено решава проблема: актуализирайте Android System WebView до най-новата версия от Play Store, рестартирайте устройството си и отворете отново Figma. Това е системен компонент, от който зависят много приложения, така че е добра идея да го поддържате актуален. Актуализирането на WebView и рестартирането обикновено решава неочаквани сривове.
В iOS, ако използвате режим на заключване на системата и достъпвате Figma през браузър, може да срещнете грешка. За да разрешите това, изключете figma.com от режима на заключване, следвайки официалните инструкции на Apple. С това изключение всичко би трябвало да се върне към нормалното. Изключването на figma.com в режим на заключване предотвратява грешки при достъп.
Интерфейс на Figma (общ преглед, който ви помага на мобилни устройства)
Въпреки че Figma Mobile е фокусиран върху редакцията, разбирането на структурата на Figma на десктоп ви помага да разберете какво виждате. Когато създавате нов файл, интерфейсът е разделен на четири области: лентата с инструменти, панелът със слоеве/страници, платното и панелът на инспектора. Лентата с инструменти включва рамки, форми, инструмента за векторна писалка, текст и коментари, както и опции вдясно за споделяне, преглед на прототипи и мащабиране. Тези инструменти обясняват какво виждате на мобилното си устройство..
Обърнете внимание на контекстната лента до името на файла: тя се променя в зависимост от вашия избор, показвайки действия като редактиране на обекта, преобразуването му в компонент или използването му като маска. В левия панел можете да създавате страници (например дизайн, wireframes, тестове) и да преглеждате йерархията на слоевете с вдлъбнатини, указващи групи и контейнери. Йерархията на слоевете е ключова за ориентиране.
Представете си рамка, наречена iPhone, съдържаща три слоя: фигура с изображение на аватар, текст с име и фамилия и друг текст с пълнеж. Тази структура е това, в което след това навигирате на телефона, прескачайки между страници или преглеждайки слоеве, когато е необходимо. В центъра е платното, работното пространство, а отдясно е инспекторът с три раздела: Дизайн, Прототип и Инспекция. Инспекторът събира свойства, взаимодействия и спецификации.
В Design настройвате типография, цвят, разстояние между редовете, размер на текстовото поле и други визуални свойства; в Prototype конфигурирате взаимодействия и потоци; а в Inspect екипът за разработка преглежда кода и опциите за експортиране за CSS, iOS или Android. Тези знания ви водят, когато от мобилното си устройство превключвате страници, отваряте прототипи или преглеждате коментари на конкретни слоеве. Разбирането на трите раздела ви предпазва от объркване при преглед.
Компоненти и екземпляри: най-важното, което трябва да запомните
Компонентите са части за многократна употреба. Създаването им е толкова лесно, колкото да изберете съдържанието и да щракнете върху иконата с диамант (или да използвате пряката комбинация Option + CMD + K на Mac, Ctrl + Alt + K на Windows). Ще видите как цветът на слоя се променя и се появява различна икона. Екземплярите, които са свързани копия, показват прост символ на диамант, за да се различат от главния компонент. Работата с компонентите осигурява последователност в целия продукт.
Ако редактирате главния компонент, промените се разпространяват към неговите екземпляри, като се избягва необходимостта от редактиране на всеки бутон, карта или заглавка, разпръснати из файла поотделно. Тази модулна логика е това, което след това валидирате в Android, използвайки режим Mirror или когато рендирате прототипи с множество екрани. Актуализирайте веднъж, вижте промяната навсякъде: толкова е мощно.
Споделяне, сътрудничество и силата на общността
Споделянето работи подобно на Google Диск. Щракнете върху „Споделяне“ на компютъра, за да отворите прозореца, където въвеждате имейл адреси и избирате разрешения: може да редактира (предоставя възможности за редактиране и надстройки до платен редактор, ако е приложимо) или може да преглежда (достъп само за преглед и възможност за коментиране). Управлението на достъпа до файл или презентация от мобилно устройство е също толкова лесно. Сътрудничеството в реално време е част от ДНК-то на Figma.
Общността на Figma е друга чудесна функция: потребители от цял свят споделят файлове и плъгини, които можете да търсите, дублирате и използвате в проектите си. Това включва например безплатни шаблони за дизайн на приложения за Android или пакети за потребителски интерфейс, които ускоряват първите ви прототипи. Ако тепърва започвате, разглеждането на безплатни уроци и споделени ресурси ще ви помогне да започнете по-бързо. Рециклирането на добри основи ви спестява часове повтаряща се работа..
Прототипи: потоци, движения и тестове
Системата за прототипиране на Figma ви позволява да създавате навигируеми потоци, да дефинирате преходи и микро-взаимодействия, както и да поддържате вертикално и хоризонтално скролиране. След като бъдат конфигурирани на десктоп, можете да ги тествате на Android, сякаш са истинско приложение, като засичате триене или необходими корекции в навигацията и темпото. Мобилният телефон е идеалното място за тестване на взаимодействие.
Можете да структурирате различни работни потоци за всяка задача или роля и да ги споделяте с връзки, така че други да могат да ги преглеждат, без да е необходимо да редактират файла. С мобилното приложение представянето на тези работни потоци в среща е толкова лесно, колкото отварянето на прототипа и навигирането през екраните, като издърпате надолу скритото меню с два пръста, когато имате нужда от допълнителни опции. Представянето на прототипи на мобилни устройства ускорява демонстрациите и валидациите.
Работа с Android таблети и стилус: какво да очаквате
Ако обмисляте закупуването на таблет Samsung за рисуване със стилус и преглед на wireframes във Figma, комбинацията има смисъл. В Android можете да рисувате със специализирани приложения и да използвате приложението Figma, за да преглеждате, коментирате, представяте и огледално представяте рамки. Няма обаче да имате пълното изживяване на Figma за проектиране на екрани, както бихте имали на компютър; за това основният инструмент е десктоп средата. Таблет за скициране и мобилно приложение за валидиране: печеливша комбинация.
Що се отнася до хардуера, моделите със S Pen предлагат много удобно рисуване, но са по-скъпи от моделите от начално ниво без стилус. Ако целта ви е да рисувате в движение и да преглеждате работата си във Figma, устройство с добър екран и стилус си струва; ако искате само да преглеждате прототипи и да отговаряте на обратна връзка, телефон или таблет без стилус ще са достатъчни. Изберете въз основа на това дали ще рисувате или само ще правите преглед..
Бележка за екосистемата и работата в облака
Figma е в облака, което означава, че можете да достъпвате файловете си от всяко устройство, на което сте влезли в системата, да използвате историята на версиите, за да се върнете към предишни версии, и да имате кошче, което съхранява изтритите файлове в продължение на 30 дни, в случай че се наложи да ги възстановите. Освен това, от началния екран на работния плот можете да създадете файл с дизайн, да отворите FigJam или да импортирате Sketch (.sketch), Figma (.fig) и файлове с изображения (PNG, JPG, HEIC или GIF). Облакът и съвместимостта опростяват ежедневната логистика..
Ако предпочитате настолно приложение, то също е налично и работи на Windows и други съвместими системи, докато браузърът остава най-универсалният вариант. Тази гъвкавост прави превключването между компютър и мобилно устройство безпроблемно: всичко се синхронизира мигновено, без да се налага да се притеснявате за версии или ръчно подаване. Проектирате на едно място, рецензирате на друго и нищо не се разсинхронизира..
За да завършите картината, не забравяйте, че на мобилни устройства можете да маркирате любими, да превключвате между страници, да управлявате достъпа от менюто с файлове и че на коментарите се отговаря мигновено, като са включени реакции и решение. Към това се добавят известия и огледален режим. Имате безпроблемен процес на валидиране и комуникация без винаги да разчитате на лаптопа.
Овладяването на Figma на Android означава да използвате най-доброто от мобилните устройства: незабавно коментиране, тестване на прототипи на реален хардуер, безжични презентации, огледално копиране на рамки с промени в реално време и актуализиране на известията. Добавете към това познания за структурата на настолния компютър на Figma (инструменти, инспектор, компоненти, общност и прототипиране) и ще имате солидна основа. Вашият процес печели скорост, яснота и много повече удобство.независимо дали сте в офиса или ви хващат на път за вкъщи.
