10-те най-добри характеристики на Figma, които всички дизайнери трябва да използват

Независимо дали сте графичен дизайнер на свободна практика или вътрешен дизайнер на UI / UX, овладяването на Figma може да ви помогне да се изкачите по стълбата на успешната кариера.

Имайки това предвид, ето най-добрите характеристики на Figma, които смятаме, че всички дизайнери трябва да използват...

Какво е Figma?

Фигма е усъвършенстван уеб-базиран инструмент за графичен дизайн, който предлага съвместна работа от следващо поколение по UT / UX прототипиране. Това е надеждно приложение, което ви позволява да създавате уникални UX дизайни, които са лесни за употреба, но професионални.

Така че, независимо дали сте установени във вашата област или просто започвате кариера като UI / UX дизайнер или графичен дизайнер, ето най-добрите функции на Figma, с които да се справите.

1. Варианти за управление на компоненти

Вариантите е интелигентен модул за управление на компоненти и известен като библиотека за компоненти Figma. Можете лесно да премахнете дублиращите се варианти на същия компонент и да ги комбинирате, за да организирате библиотеката на активите на екипа.

Можете също така да дефинирате един контейнер за всички подобни компоненти. По време на съвместна работа, вариантите улесняват членовете на екипа да намерят това, което търсят. Изключете предположенията от вашата система за проектиране, като персонализирате стойностите и свойствата на вариантите на компонентите си.

2. Списъци с отметки

Можете също да включите маркирани и номерирани списъци във вашите UI / UX дизайнерски проекти. Списъците ви позволяват лесно да организирате данни и да наблягате на свързана информация във векторни дизайни. Можете да включите до пет нива на отстъп. Можете също така да извършвате визуални цветни модификации чрез цвят на текста, щрихи и ефекти.

Свързани: Adobe XD: Безплатният инструмент за потребителски интерфейс и UX дизайн, който можете да използвате в момента

3. Свържете няколко профила в Figma

Достъп до всички профили на Figma, работни пространства и профили на общността на един екран. Можете да останете влезли в до 10 акаунта на Figma. Можете бързо да превключите към всяко работно пространство от горния ляв ъгъл на екрана на Figma. За акаунтите кликнете в горния десен ъгъл, за да отворите превключвателя на акаунти.

4. Разделът „Преработен инспектиране“

Предишният кодов панел на Figma вече е раздел Инспектиране. Тази функция позволява на сътрудниците, особено на разработчиците, да получат стойностите и кодовете на проектите на тези, по които работите. Членовете на вашия екип могат да извличат данни като Цветове, Варианти, Свойства, Сенки, Съдържание, Граници и Типография от този раздел.

5. Менюто за суап на инстанция

През 2020 г. Figma преработи Instance Swap Menu, за да включи меню за натискане. Това позволява на дизайнерите да сърфират между компонентите без усилие.

Можете също да използвате падащия селектор, за да превключвате между библиотеките на екипа. Има елегантен миниизображение за визуализация на компонент.

6. Библиотека с файлове и приставки на общността Figma

Figma има обогатена с ресурси платформа на общността, където можете да публикувате проектите си, така че колегите да могат да ги разгледат или преработят. Има хиляди създатели и можете да получите следните ресурси:

• Отворете библиотеката за илюстрации на фигури
• Дистанционен спринт
• Комплект за материален дизайн
• Шаблони на Figma

Приставките на Figma са високоефективни и в същото време стабилни и сигурни. По време на писането има повече от 40 ексклузивни приставки и списъкът се увеличава. В корпоративните абонаменти можете да разпространявате частни приставки в рамките на компанията. Някои полезни приставки, които можете да използвате, са:

• Автоматизация на повтарящи се задачи в рамките на Figma
• Приставки за откриване на грешки при проектиране
• Приставки за популация на данни

7. Интеграция на Zeplin

Figma поддържа родния Приставка Zeplin което позволява лесно експортиране на Figma дизайни, базирани на десния бутон на мишката, в работните пространства на Zeplin за по-нататъшна мозъчна атака и развитие. За разлика от други инструменти за проектиране, няма хълцане с резолюция или производителност, когато трябва да експортирате по-големи рамки или дизайни на Figma.

Figma и Zeplin също работят заедно, за да въведат нова функция за актуализиране на живо на компонентите на Figma в Zeplin.

8. Актуализиране на проекта в реално време

В процеса на проектиране на UI / UX, който не включва Figma, целият екип трябва да използва повече от един инструмент на трета страна за препредаване на актуализации на проекти и проектиране на макети. Необходим е прехвърляне на множество файлове, за да може всеки член на екипа да бъде на върха на текущото състояние.

Чрез актуализирането в реално време, приложението Figma се грижи за обмена на прототип и неговите актуализации в рамките на членовете на екипа.

Предаването на проекта от дизайнера на разработчика не е наистина необходимо във Figma. Това е така, защото когато използвате Confluence за споделяне на макети на Figma, всички промени в дизайна автоматично се показват като активна активност във файла на проекта.

Свързани: Каква е разликата между UI и UX дизайна?

9. Интуитивно и просто прототипиране

С Figma прототипирането е изключително лесно и без претрупване, тъй като включва преход от кадър към кадър. Figma е инструмент "всичко в едно" и не се нуждаете от инструмент за преглед на трети страни като Marvel или InVision.

Можете лесно да споделяте прототипи на Figma с членове на екипа, точно както споделяте дизайнерски файлове на Figma. Всичко, което трябва да направите, е да споделите връзка с подходящи разрешения за редактиране. Всеки коментар или обратна връзка остава в инструмента и можете също да намерите записи в Slack.

Разработчиците могат лесно да получат достъп до работния процес на проектиране на проекти, да оставят коментари за дизайнера и да получат CSS атрибути и измервания.

Свързани: Прости примери за CSS кодове, които можете да научите за 10 минути

10. Споделете отзива за преглед на дизайна

Прегледът на UI / UX дизайнерския проект е просто екипна конференция, когато се използва Figma. По време на мозъчна атака и преглед на сесиите целият екип може да работи на голям екран, за да записва коментари и да коригира проблеми в същата рамка на дизайна на Figma.

Тъй като Figma поддържа най-модерната технология за коментиране в приложението, споделянето на обратна връзка е безпроблемно. Можете да коментирате както прототипиране, така и режими на проектиране. Всеки имейл клиент или Slack може да съхранява коментари и предложения.

Figma прави проектирането и прототипирането лесно

UI / UX проектирането и прототипирането изискват по-висок набор от умения и се фокусират върху множество инструменти. Но с Figma е лесно да научите и внедрите дизайнерски умения в действие и да предоставите UX, който наистина подобрява клиентското изживяване.

Можете да извършвате прототипи, мозъчна атака, преглед и предаване на потребителски интерфейс, като използвате един и същ инструмент. Сега Figma е индустриален стандарт и определено си струва да се провери.

Как да запазите марката си в съответствие с Adobe Spark

С Adobe Spark можете да присвоявате цветове, шрифтове и лога на профил на марката, което улеснява създаването на последователни дизайни.

Прочетете Напред

За автора