Figma — це хмарний інструмент для дизайну та прототипування, який широко використовується для створення користувацьких інтерфейсів (UI) та користувацького досвіду (UX). Він значно спрощує співпрацю з командою, незалежно від того, чи це дизайнери, розробники або інші учасники проєкту. Якщо ви дизайнер, Figma буде схожою на Adobe Illustrator, оскільки також є векторним редактором, а якщо ви вже знайомі з Adobe XD, то інтерфейс здасться знайомим.

Figma ідеально підходить для створення вайрфреймів, макетів і прототипів мобільних додатків та вебсайтів. Однією з найкращих її функцій є спільна робота в реальному часі. Ви та ваша команда можете працювати над одним проєктом одночасно, залишати коментарі, давати відгуки або просто спостерігати за процесом у реальному часі. Це ідеальний інструмент для ефективної та приємної командної роботи!

У чому різниця між UI та UX у Figma?

UI (User Interface) — це візуальний дизайн, зовнішній вигляд і стиль продукту. У Figma це включає створення таких елементів, як кнопки, іконки, типографіка, кольорові схеми та макет.

UX (User Experience) зосереджений на загальному шляху користувача — як він взаємодіє з продуктом і наскільки інтуїтивно чи зручно це відбувається. Це включає структурування контенту та навігації для забезпечення безперервного досвіду.

Коротко кажучи, UI у Figma — це про зовнішній вигляд, а UX — про функціональність. Figma надає інструменти для ефективної роботи з обома аспектами, допомагаючи дизайнерам створювати продукти, які одночасно привабливі та зручні для користувача.

Посилання на Figma: https://www.figma.com/

Тепер подивімося, як виглядає Figma!

Ще один момент: коли ви обираєте файл із Figma Community, може з’явитися два варіанти, як це було у мене. Різниця між ними така:

• Використати UI Kit у новому файлі: Figma використає всі ресурси, іконки та компоненти з файлу у новому проєкті без копіювання всіх фреймів і сторінок;
• Зробити копію цього файлу: Figma створить копію всього файлу, включаючи фрейми, сторінки, ресурси та все інше.