Що таке Figma і навіщо вона потрібна автору чи редактору

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

Зараз у багатьох вакансіях є вимога вміти користуватися Figma хоча б на базовому рівні. Але незрозуміло, навіщо це потрібно редакторам, маркетологам та копірайтерам: ми ж не дизайнери. У статті пояснюємо, що таке Figma та чим вона корисна саме нам.

Що таке Figma і навіщо вона потрібна

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

Його створили в 2016 році як аналог Sketch та Adobe XD: обидві програми платні, і в них не можна працювати в команді. А онлайн-редактор Figma швидко набув популярності завдяки безкоштовному тарифу, простому інтерфейсу, високій швидкості та іншим перевагам.

Такі обкладинки та картки для соцмереж можна зібрати у Figma

Хто і навіщо використовує

Найчастіше програму використовують веб-дизайнери: вони роблять там обкладинки для статей, картки для соцмереж та макети сайтів.

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

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

Що можуть робити в Figma автори, редактори та маркетологи:

• Ілюстрації, скріншоти та обкладинки
• Картки для соціальних мереж
• Схеми, інфографіки та таблиці
• Презентації
• Лендінги
• Меми
• Банери та інші рекламні елементи

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

Плюси та мінуси Figma

Недоліки:

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

Тільки англійською та китайською. Програма не має інтерфейсу російською мовою. Якщо взагалі не знаєте іноземних мов, то може бути складно розібратися.

Платно для великих команд. Якщо вам потрібно більше трьох файлів для спільного використання, доведеться скористатися платною версією: тариф Professional коштує 15 доларів на місяць. Ви зможете створювати необмежену кількість файлів для роботи в команді, а історія версій зберігатиметься вічно. Але це все одно дешевше, ніж купувати ліцензію на Adobe XD: ціна на рік починається від 400 доларів.

Переваги:

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

Можна працювати командою. Файли, з якими ви працюєте, зберігаються у хмарному сховищі. Їх можуть редагувати та залишати коментарі різні користувачі, а історія версій та зміни зберігаються автоматично. Редактор або замовник може за посиланням переглянути макет і залишити коментарі там, а не писати все в повідомленнях. По суті, Figma — це як Google Документи, тільки для дизайн-проектів, а не текстів, тому програма підходить для роботи в спільному режимі.

Файли не займають місце на комп'ютері. У Figma не потрібно завантажувати макети, з якими ви працюєте: вони не займають пам'ять на диску.

Доступ до файлів можна отримати з будь-якого пристрою. Figma - це крос-платформний редактор, тому ним користуються з різних гаджетів: комп'ютера, планшета або навіть смартфона. Для комп'ютера можна завантажити десктопну програму або просто використовувати веб-версію.

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

Основні інструменти програми розміщуються на невеликій панелі знизу

Бажаєте стати копірайтером?

Забирайте безкоштовно наш найповніший гайд для копірайтерів-початківців

Інструменти програми

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

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

Параметри кадру можна визначити самостійно або вибрати готовий: за розміром екрана смартфона, планшета чи комп'ютера

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

За допомогою компонентів можна створити такі сторіси: зручно, що їх не потрібно щоразу наново розфарбовувати

У Figma є бібліотека готових компонентів: там можна знайти кнопки, картки та інші елементи інтерфейсу користувача.

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

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

Ручка та олівець. Ручка (Pen) допомагає створювати векторні лінії: прямі та вигнуті. Цей інструмент стане в нагоді, якщо потрібно зробити складну фігуру — наприклад, кнопку із закругленими краями для прототипу сайту. А олівець (Pencil) утворює довільні криві лінії — як у Paint.Його використовують, коли потрібно намалювати щось нерівно, наприклад, імітацію малюнку дитини.

Прості фігури. У програмі можна автоматично створити квадрат, лінію, коло, трикутник, стрілки. Скажімо, додати стрілки, щоб показати кроки користувача в інструкції до програми.

Плагіни. У Figma є багато додаткових модулів, які спрощуватимуть роботу. Ось деякі з них:

• Spellchecker перевіряє правопис та виправляє помилки в текстах англійською мовою.
• Figmotion створює інтерактивні анімації.
• Remove BG видаляє фон із зображеннями.
• Unsplash надає доступ до бібліотеки безкоштовних ілюстрацій.

Як встановити

У браузері. Зайдіть на сайт figma.com, натисніть Get started for free, зареєструйтесь та увійдіть до особистого кабінету. Далі з'являється робочий простір і ви можете почати роботу.

Можна зареєструватися через пошту або використовувати гугл-аккаунт

Комп'ютер, смартфон або планшет. Зайдіть на сайт figma.com, натисніть на Products та перейдіть до розділу Downloads. Там можна завантажити програму на Windows або MacOS і мобільний додаток на Android або iOS.

У цьому розділі ви можете завантажити не тільки Figma, але й утиліту для завантаження своїх шрифтів

Висновки

• Якщо ви володієте Figma, зможете відгукуватися на вакансії, які потребують володіння графічними програмами, а таких чимало. Ви робитимете ілюстрації самостійно, а не скачуватимете картинки з фотостоків або звертатись до дизайнера.
• У Figma зручно працювати у команді. Ще її необов'язково завантажувати, а всі файли зберігаються у хмарі. А для офлайн-роботи можна завантажити десктопну версію.
• У Figma є багато крутих можливостей, які дозволяють робити обкладинки та картки для постів у соцмережі, схеми, інфографіки, прототипи лендингів та багато іншого.

Бажаєте ще більше порад по роботі з контентом - підпишіться на журнал

Багато корисних листів та трохи анонсів наших курсів, щоб не пропустити цікаве

Плагіни у Figma: що це і як їх встановити

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

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

Плагіни для Figma: як використовувати

Де знаходяться плагіни в Figma

Перед початком роботи з плагінами важливо ознайомитися з базовим інтерфейсом Figma та зрозуміти, як організовано роботу в цьому інструменті. Щоб побачити розділ "Плагіни" в нижній частині лівої бічної панелі у Figma (скриншот нижче). Тут ви знайдете як вибрані плагіни, так і нещодавно використані.А також магазин плагінів, де можна шукати плагіни за категоріями, популярністю або ключовими словами. Це чудовий спосіб знайти необхідні інструменти, які допоможуть спростити ваш робочий процес або додати нові можливості до ваших проектів.

Знайти плагіни у Figma можна через основне меню

Також є швидкий спосіб викликати недавній плагін або знайти його за назвою. У верхньому меню є спеціальна кнопка, після натискання на яку відкриється меню з відповідною вкладкою (скриншот нижче)

Швидкий доступ до плагінів у Figma

Де побачити список усіх плагінів

У Figma є чудовий розділ Community, який є на кшталт соцмережі, де можна знайти різні ресурси та плагіни, у тому числі. Натисніть тут, щоб побачити список доступних плагінів Figma.

Список плагінів у Figma Community

Як встановити плагіни в Figma

Плагіни Figma не вимагають установки. Вони вже інтегровані в систему та викликаються за потребою. Щоб вам було зручніше та швидше викликати конкретний плагін, ви можете додати його до обраного (скриншот нижче).

Як встановити плагін у Figma

Як використовувати плагіни?

Щоб використовувати плагін, потрібно просто перейти до будь-якого свого проекту, вибрати вкладку «Plugins», а потім і потрібний плагін. Більше того, до кожного плагіна зазвичай є інструкція від розробників (або можна просто глянути огляди на просторах інтернету).

Та й обіцяна невелика рекомендація крутих плагінів від нас 🙂

Unsplash

Цей плагін допоможе швидко наповнити прямокутні форми картинками у високій якості прямо з сервісу «Unsplash».

Плагін Unsplash для Figma

Style Organizer

Style Organizer – розширення для організації дизайн-простору у Figma.За допомогою цього плагіна можна контролювати частоту використання стилів, детально вивчати налаштування кожного з них, а також проводити різні махінації з елементами, де використовується той чи інший стиль.

Плагін Style Organizer для Figma

Figmotion

Плагін «Figmotion» дозволить створити анімацію прямо у Figma.

Плагін Figmotion Figma

Spellchecker

Цей плагін призначений для перевірки граматики за допомогою сервісу Яндекс.Спеллер.

Плагін Spellchecker Figma

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

Читайте також:

Penpot – аналог Figma та інструмент для дизайну Сьогодні я хочу розповісти вам про Penpot – інноваційний інструмент для дизайну та прототипування, який стрімко набирає популярності серед дизайнерів та розробників.

Ноутбук для веб дизайнера: який вибрати? У цій статті ми розберемося при виборі ноутбука для дизайну. .2024

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

Що таке UX/UI-дизайн та його відмінності від веб-дизайну?

Привіт!

Привіт!

Хочете бути в курсі подій?

Підпишись на e-mail розсилку!

Я погоджуюсь з умовами обробки персональних даних

ІП Колесінь І.Г.,
УНП 190602238. Видано 15.10.2020
Мінміськвиконкомом.

Режим роботи:
Пн-Сб з 10:00 до 20:00

Рейтинг школи в Google Maps

Торговий реєстр: 147946 2018-05-28

Надана персональна інформація (наприклад: ім'я, адреса, телефон, e-mail, номер банківської картки та інше) є конфіденційною і не підлягає розголошенню. Дані картки передаються лише у зашифрованому вигляді та не зберігаються на даному інтернет-ресурсі

Режим роботи:
Пн-Сб з 10:00 до 20:00

ІП Колесень І.Г., УНП 190602238. Свідоцтво про держреєстрацію видано Мінміськвиконкомом

Показані лише дистанційні курси

Ми в Instagram Все найактуальніше там-)

Сплатити участь у заході можна такими способами:

• Банківська картка на нашому сайті
• Через систему «Розрахунок» (ЄРІП)
• У відділення банку
• За безготівковий розрахунок шляхом банківського переказу
• Карткою розстрочки Халва до 2 місяців по Халва Mix та до 9 місяців по карті Халва Max (подробиці на сайті МТБанку)

Ми приймаємо платежі за такими банківськими картками:

До оплати приймаються картки міжнародних платіжних систем VISA, MasterCard.

Безпека здійснення платежу забезпечується сучасними методами перевірки, шифрування та передачі за закритими каналами зв'язку.

Введення даних картки здійснюється на захищеній авторизаційній сторінці банку. Для оплати необхідно запровадити реквізити картки: номер, ім'я власника, термін дії та тризначний код безпеки. Тризначний код безпеки (CVV2 для VISA, CVC2 для MasterCard) – це три цифри, що знаходяться на звороті картки.Якщо картка підтримує технологію 3DSecure, для введення коду безпеки Ви будете перенаправлені на сторінку банку, який випустив картку.

Надана персональна інформація (наприклад: ім'я, адреса, телефон, e-mail, номер банківської картки та інше) є конфіденційною і не підлягає розголошенню. Дані картки передаються лише у зашифрованому вигляді та не зберігаються на даному інтернет-ресурсі.

Якщо послуга була оплачена банківською карткою через сайт, то повернення здійснюється на картку, з якої було здійснено оплату. Термін надходження коштів на картку – від 3 до 30 днів з моменту здійснення повернення Продавцем (Виконавцем).

Для оплати банківською карткою через систему «Розрахунок» (ЕРІП) вам необхідно:

Оплатити послуги UX Mind School Ви можете через систему ”Розрахунок“ (ЄРІП), у будь-якому зручному для Вас місці, у зручний для Вас час, у зручному для Вас пункті банківського обслуговування – інтернет-банку, за допомогою мобільного банкінгу, інфокіоску, каси банків , банкоматі і т.д.

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

Для проведення платежу необхідно вибрати:

1. Вибрати
   – Пункт “Система “Розрахунок” (ЄРІП)
   – Освіта та розвиток
   – Додаткова освіта та розвиток
   - Тренінги, семінари, консультації
   – м.Мінськ
   - ІП Колесень І.Г.
   – Відвідування занять
   – Ввести ПІБ учня та суму для оплати
2. Здійснити платіж.

Якщо Ви здійснюєте платіж у касі банку, будь ласка, повідомте касира про необхідність здійснення платежу через систему ”Розрахунок“ (ЄРІП).

Умови повернення

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

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

– Якщо ви вирішили не відвідувати захід (курси, інтенсив, майстер-клас) та повідомили про це не пізніше 7 (семи) календарних днів до початку заходу, повернення сплаченої суми відбувається за мінусом 10%. У темі листа напишіть «відмову», у листі вкажіть, який захід ви не можете відвідати, ваше ПІБ, контакти телефону. Наш менеджер зв'яжеться з вами протягом наступного робочого дня для підтвердження вашої відмови та уточнення суми повернення.

– Якщо захід не відбудеться з якихось причин, наш менеджер зв'яжеться з вами для уточнення суми повернення.

– У решті ситуацій повернення коштів, оплачених за заходами, поверненню не підлягають.

Дякую, ми отримали вашу заявку та надіслали на e-mail інструкції

Дякую, ми отримали твоє повідомлення!

І скоро з тобою зв'яжемося.

Очікуйте SMS-повідомлення від Альфа-банку

Дякую, що підписалися!

Обіцяємо надсилати лише корисну інформацію.

Як працювати з Figma: інструкція для початківців

Figma це популярний серед дизайнерів графічний онлайн-редактор. У ньому зручно проектувати інтерфейси та макети сайтів та мобільних додатків, створювати презентації, ілюстрації, логотипи та анімацію. Кому знадобиться знання «Фігми» і як з нею працювати — розповідаємо у статті.

Можливості Figma

У Figma створюють прототипи та дизайн-макети сайтів та додатків, презентації, ілюстрації та векторну графіку, малюють елементи інтерфейсу та анімацію.Розповідаємо про основні функції "Фігми" для новачків.

Дизайн-макети

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

Прототипи

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

Фрейми

Фрейм — основна робоча область, де розташовуються елементи макета. Новий проект у Figma починається з вибору розміру кадру: для мобільного пристрою, соцмереж, презентацій та ін. Завдяки цьому зручно контролювати розташування блоків та деталей, що знаходяться всередині кадру.

Компоненти

Компонент у «Фігмі» — це повторюваний елемент, який можна використовувати у різних частинах проекту. Це може бути кнопка, значок чи картка. Головний компонент — єдиний шаблон: якщо його оновити, всі його копії теж зміняться. Компоненти можна копіювати, редагувати та використовувати, як будь-які інші об'єкти. Це спрощує роботу та забезпечує однаковість стилю у всьому проекті. Figma – відмінний варіант для тих, хто хоче освоїти роботу в графічних редакторах з нуля.

Пройдіть навчання в Академії Eduson

Записуйтесь на міні-курс "Веб-дизайнер: старт кар'єри", щоб отримати базові навички роботи у Figma.А якщо хочете зробити веб-дизайн своєю професією, придивіться до програм «Веб-дизайнер» або «Графічний дизайнер»За 4-5 місяців ви зберете сильне портфоліо з різнопланових проектів і зможете знайти перших клієнтів, заробляючи на віддаленні від 80 000 ₽ на місяць.

Початок роботи з Figma

Інтерфейс Figma інтуїтивно зрозумілий, що робить його ідеальним графічним редактором для новачків.

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

Основні функції Figma для початківців

Робота з шаблонами

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

Робота з новим файлом

Щоб створити новий проект у Figma, виберіть New Design File.

Після цього перед вами відкриється робочий простір.

У головному меню можна зберігати та завантажувати файли, видаляти об'єкти, додавати компоненти та стилі до бібліотеки та ін. Ліва панель показує список усіх шарів та об'єктів Ви можете керувати їх ієрархією: міняти місцями, групувати шари та перемикатися між сторінками об'єкта. Центральна область — робоча: тут ви створюєте та редагуєте свої проекти.Простір, який ви бачите на екрані, – не вся робоча площа, а лише її частина. Щоб потрапити в порожній простір, затисніть ліву кнопку миші та пропуск і перемістіть курсор у потрібному напрямку. Також у правому верхньому кутку вказано масштаб — на скріншоті вище це «29%». Ви можете збільшити або зменшити його. На правій панелі відображаються властивості вибраного об'єкта. Тут можна змінити колір, розмір, шрифт тощо.

Робота з векторними фігурами, зображеннями та текстом

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

Векторні фігури можна масштабувати та експортувати. Вони ідеально підходять для створення простих ілюстрацій, включаючи кнопки, логотипи та значки. Зображення. Щоб додати зображення, просто перетягніть потрібну картинку в проект. Також ви можете скопіювати та вставити її за допомогою гарячих клавіш: копіювати - CTRL + C на Windows або ⌘ + C на Mac, вставити - CTRL + V на Windows або ⌘ + V на Mac. Редагування фотографій. У Figma можна не лише додавати зображення до проектів, а й редагувати їх. Для цього виділіть зображення — тепер у правій панелі можна змінити його властивості: обрізати, збільшити або зменшити і застосувати ефекти. Додавання тексту. Виберіть «T» на панелі інструментів, намалюйте рамку та напишіть потрібний текст. Властивості тексту можна налаштувати в меню на правій панелі.Ви можете працювати зі шрифтами: вибирати потрібні в бібліотеці популярних шрифтів та налаштувати їх параметри. При додаванні нових елементів до Figma використовуйте модульну сітку. Вона допоможе вам вирівняти макет і зробити роботу з фігурами більш простою та акуратною. Модульну сітку можна увімкнути лише у кадру. Для цього виділіть його та натисніть плюсик у блоці «Layout Grid» на правій панелі.

Гарячі клавіші Figma

• Ctrl + \ на Windows або ⌘ + \ на Mac - приховати або показати бічні панелі.
• Ctrl + / на Windows або ⌘ + / на Mac – відкрити швидкий пошук по меню.
• V — переміщення об'єктів: щоб перемістити елементи, натисніть клавішу V і рухайте виділений об'єкт стрілками.
• F — створення кадрів: натисніть і намалюйте рамку.
• T – додавання тексту: для цього затисніть T, намалюйте рамку – та можете писати текст.
• Ctrl+B на Windows або ⌘+B на Mac — зробити текст жирним: виділіть потрібний текст і натисніть на клавіші.
• Ctrl+I на Windows або ⌘+I на Mac — зробити текст курсивом.
• Ctrl+A на Windows або ⌘+A на Mac — виділити все на екрані. Це гаряча клавіша для роботи із шарами, щоб застосувати якусь дію до всього дизайну відразу.
• Ctrl+G на Windows або ⌘+G на Mac — згрупувати об'єкти. Гаряча клавіша для роботи із шарами, яка дозволяє згрупувати кілька об'єктів в одну групу.
• Ctrl+Shift+G на Windows або ⌘+Shift+G на Mac — розгрупувати об'єкти.
• Ctrl+Shift+4 на Windows або Ctrl+G на Mac — побачити або приховати Сітку. Модульна сітка допомагає вирівняти макет.
• Shift + R — увімкнути або вимкнути Лінійку — інструмент, який дозволяє додавати напрямні лінії на робочу область, щоб вирівняти об'єкти.

Вивчіть основні інструменти Figma та почніть ефективно використовувати графічний редактор у роботі після навчання на курсі «Веб-дизайнер» від Академії Едусон.

Плюси та мінуси Figma

Figma – один із найпопулярніших інструментів для дизайну. Фігму люблять за простоту використання, гнучкість, регулярні оновлення і великий набір інструментів, яких не вистачає іншим графічним редакторам: це функції автоматичного контролю відступів і полів, вирівнювання за пікселями, контроль дотримання стилів та ін.

Плюси Figma

• Безкоштовна версія. У безкоштовній версії Figma можна відкрити лише один проект, але кількість файлів у проекті може бути будь-якою. Функції та інструменти безкоштовної версії не обмежені.
• Зручність використання. Фігму можна встановити на комп'ютер і смартфон або працювати через браузер - достатньо авторизуватися на сайті. А подивитися макет можна без реєстрації та авторизації у системі.
• Доступність. Figma може працювати на Windows, Linux, Mac і Chrome OS.
• Безпека. Усі файли, над якими ви працюєте у «Фігмі», знаходяться у хмарному сховищі, тому зберігаються автоматично.
• Спільна робота. В одному проекті можуть працювати кілька людей одночасно. Можна також надати доступ до редагування або перегляду.
• Робота з компонентами. У Figma можна створювати компоненти - повторно використовувані елементи, такі як кнопки та іконки. Зміни, внесені до компонента, автоматично з'являються у всіх його копіях.
• Налаштування власних стилів. У «Фігмі» можна створювати та налаштовувати власні стилі, що допомагає спростити роботу та зробити дизайн проекту одноманітним. Колірні стилі задають кольори, які можна легко застосовувати до елементів дизайну.Текстові – визначають параметри тексту: шрифт, розмір, жирність та міжрядковий інтервал. Стилі сіток і розмітки визначають параметри сітки: ширину колонок, відступи та вирівнювання.
• Встановлення плагінів. Figma підтримує безліч плагінів, які можуть розширити функціонал програми. Наприклад, є плагіни для автоматизації завдань, створення контенту та інтеграції з іншими сервісами.

Мінуси Figma

• Тарифний план. Хоча Figma пропонує безкоштовний тариф, деякі функції доступні лише у платній версії. Наприклад, для командної роботи потрібна платна передплата.
• Робота з телефоном. Зараз функціонал Figma на мобільних пристроях обмежений: програма доступна для перегляду та коментування, але повноцінно працювати з дизайном не вийде.
• Відсутність захисту файлів у безкоштовному тарифі. Будь-який користувач, якому ви надасте доступ для перегляду вашого проекту в Figma, може внести зміни до макету або скопіювати його.
• Залежність від Інтернету. Деякі функції Figma недоступні без підключення до Інтернету.

Сфери застосування

Figma – не лише редактор для створення банерів, карток та презентацій, а й потужний інструмент для прототипування інтерфейсів.

За допомогою Figma можна:

• створювати інтерактивні прототипи сайтів та додатків;
• робити анімацію;
• малювати елементи інтерфейсу;
• створювати ілюстрації та векторну графіку;
• робити презентації;
• малювати плакати, банери, іконки та ін.

Прокачати свої дизайнерські навички та навчитися працювати у «Фігмі» можна на програмі «Веб-дизайнер» від Академії Едусон.

В яких професіях знадобиться знання Figma

Зараз вже складно зустріти спеціаліста у сферах IT та digital, якому не потрібне хоча б базове знання Figma.

Figma найчастіше використовують у роботі:

• UX/UI-дизайнери, веб-дизайнери та графічні дизайнери;
• розробники;
• аналітики;
• продакт-менеджери;
• маркетологи та SMM-фахівці;
• редактори та копірайтери.

Графічний редактор відмінно підходить для спільної роботи, тому знання «Фігми» потрібне у багатьох вакансіях. Дизайнери, розробники, інші учасники проекту та замовники можуть у реальному часі вносити зміни та коментувати роботу.

Коротко про роботу з Figma

Figma – потужний та зручний у використанні графічний онлайн-редактор. У ньому можна проектувати інтерфейси сайтів та мобільних додатків, створювати презентації, ілюстрації та анімацію, малювати плакати та іконки. Інтерфейс Figma інтуїтивно зрозумілий, що робить його ідеальним графічним редактором для новачків.

Figma відмінно підходить для спільної роботи: дизайнери, розробники, продакт-менеджери, копірайтери та їх замовники можуть в реальному часі вносити зміни та коментувати процес.

Швидко отримати основні навички роботи з Фігмою можна на курсі "Веб-дизайнер: старт кар'єри" від Академії Едусон.

Всього за 1,5 місяці ви поринете у професію веб-дизайнера і навчитеся використовувати функціонал Figma в роботі. А тим, хто хоче розвиватися у дизайні, сферах IT та digital, рекомендуємо навчитися на наших програмах «Веб-дизайнер» або «Графічний дизайнер», повноцінно освоїти професію та навчитися працювати не лише з Figma, а й з іншими інструментами для дизайну.