#Дизайн

Рай для дизайнера або що таке Figma

Авторка статті:

Каміла Амескан

Графічна/веб та смм-дизайнерка в студії Ornament, менторка в Kukurudza

19 Жовтня 2023

13 хв. читання

Тебе може зацікавити:

Цікавишся темою дизайну та хочеш дізнатись, що це за графічний застосунок, про який говорять всі сммники та дизайнери? А може опанувати його і відкрити для себе безліч творчих професій?

Тоді летс гоу читати статтю — розберемось, для чого потрібна Figma та як в ній працювати!

Figma — що це?

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

Figma — це відома серед вебдизайнерів, сммників, UI/UX-дизайнерів, продакт-менеджерів та інших фахівців в digital-сфері платформа. А все завдяки зручності, можливості роботи в режимі реального часу, спільній роботі та доступності.

Онлайн редактор Figma дозволяє працювати віддалено на самому сайті, тому його не обов’язково завантажувати на пристрій. Та про все це далі.

Figma online — початок роботи з редактором

Якщо ставиш питання: «Фігма як працювати?», — то цей гайд для тебе.

Для початку треба зареєструватися на сайті Figma через ноутбук або комп’ютер. Зауваж, що смартфон в такому випадку не підійде, тому що з нього можливо лише переглядати дизайн, який був створений раніше.

Поки ще не думаємо, як завантажити Figma. Починаємо з основ.

Крок перший

Переходимо до форми реєстрації — для цього шукаємо та натискаємо на кнопку Sign up (зареєструватися) на головній сторінці у правому верхньому кутку

Крок другий

Заповнюємо перший крок форми реєстрації — вводимо твою електронну адресу в полі Email. Вигадуємо пароль та вводимо його в поле Password. Їх можна буде змінити пізніше. Натискаємо кнопку Create account. Або можеш зареєструватись за допомогою облікового запису Google.

Крок третій

На твою пошту прийде повідомлення для верифікації.

Натисни на Verify email.

Крок четвертий

Вже майже можна працювати. Заповни невелику анкету для початку.

Наступні питання можеш скіпати. У другому питанні першого блоку постав Student or educator.

Крок п’ятий

Обери свій план. Як показує наша практика, для знайомства з програмою тобі вистачить і Starter. А далі ти зможеш верифікувати свій статус студента чи викладача і користуватись можливостями Professional безоплатно. Або обрати тариф для себе та команди.

Крок шостий

Ми зареєструвались і можемо створювати перший макет!

Чи можна завантажити Figma на пристрій?

Завантажити програму Figma можна, але це не обов’язково. Figma pc хоч доступна і на MacOS, і на Windows, проте застосунок не обов’язково завантажувати на пристрій. Бо коли працюватимеш в інтернеті у самому браузері, у тебе буде той же функціонал та інструменти.

Тому можеш не гуглити: «Завантажити: figma iphone, figma mac, figma windows чи web figma». Та якщо хочеш, щоб Figma була завжди під рукою, то на сайті можеш обрати потрібний формат для свого пристрою.

Компоненти Figma

Праворуч у куточку тебе вже чекають доступні можливості:

Import — імпортуй файли та макети для роботи з компа.

FigJam — зможеш планувати роботу, створювати mindmap та використати корисні темплейти.

Design file — зможеш створювати графічні дива та креативити досхочу.

До слова, програма Figma дуже френдлі та буде допомагати тобі корисними підказками.

Тобі теж є що розказати?

стань автором

Які інструменти є у Figma?

Тут є усі потрібні функції для створення растрових та векторних зображень. Сітки, створення елементів інтерфейсу та навіть можливість створювати власні прототипи та анімації. Трохи про загальні інструменти:

Головне меню — складається зі списку команд, як глобальних, так і контекстних, які застосовуються до вибраного об’єкта.

Панель інструментів — кожна іконка на панелі виведена окремим інструментом. Щоб його вибрати, ми натискаємо на іконку, яка потім підсвічується синім кольором, сигналізуючи, що все готове до роботи.

Робоча область (полотно) – вся магія відбувається тут. Завдяки різним інструментам ми малюємо фігури та криейтимо.

Панель властивостей — тут про особливості та властивості кожного об’єкта.

Панель шарів —  усі створені об’єкти зберігаються в списку, який можна перемикати між собою.

Плагіни Figma теж є

Базові інструменти програми дають змогу завантажувати спеціальні плагіни, які допоможуть тобі автоматизувати завдання та прискорити роботу.

Макети Figma

В редакторі також є безкоштовні макети Figma, які можеш використовувати в проєктах.

Як навчитись роботі в Figma?

Самостійно. Методом проб, помилок та відосів на YouTube. Або,  коли потрібно якомога швидше опанувати програму, то є багато курсів, що допоможуть ознайомитись з інформацією та базовими функціями.

До речі, якщо не хочеш досліджувати ці катакомби самотужки, то Кукурудза має класний курс по Figma, де ти не лише ознайомишся із теорією, а прокачаєш свої практичні навички з SMM-дизайну та отримаєш перші кейси уже під час навчання.

Прокачай свої скіли
з смм-дизайну!

Уяви, твій віжуал зберігають на Pinterest та надсилають, як референс! Запитаєш, як це зробити? Легко! Доєднуйся до курсу з смм-візуалу і нумо підкорювати дизайн-хвилю разом!

Скільки коштує Figma?

Вартість використання Figma залежить від тарифу. Ціна для створення дизайну стартує від 12 доларів на місяць для одного учасника.

Можливості Figma community

Знайдеш їх у лівому нижньому куточку. Тут є вже готові рішення для твоїх дизайн-завдань, які можна адаптувати під себе.

Недоліки та обмеження Figma

Попри усі переваги, робота з Figma має другу сторону медалі. До прикладу, безплатний план на обмежену кількістю проєктів, не всі функції растрової графіки, відсутність можливості редагувати відео. Проте це справді крутий додаток, який має багато інструментів та функцій.

Ось ми розібрались, що таке Figma. Тож якщо хочеш прокачати свої навички в дизайні та навчитись створювати оригінальні та круті креативи, то будемо раді бачити тебе на курсі Kukurudza, де є учні по всій Україні! Ми пройдемо весь шлях: від знань до першого клієнта — разом із тобою. А зараз важливий саме перший крок. Ми своєю чергою тобі бажаємо успіхів в кар’єрі й до нових зустрічей!

Хочеш отримувати 
найсвіжіші статті від нас?

Підпишись на чат-бот,  аби нічого не проґавити. Чесно-чесно, без води та спаму.

Підписатися

Авторка статті:

Каміла Амескан

Графічна/веб та смм-дизайнерка в студії Ornament, менторка в Kukurudza

Спочатку база, а потім креатив.

Каміла головна менторка
на курсі з SMM-дизайну

Навчить тебе залучати, закохувати та продавати за допомогою візуалу

6 тижнів тривалість

Опануй Figma для смм дизайну

Підтримка ментора та фідбек

хочу вчитись