Інструментарій Figma

Компоненти Фігма

Призначення, переваги, можливості потужної функції Figma – components

Donating to the Armed Forces of Ukraine 🇺🇦
Іконка компʼютерної миші біла
Іконка локації біла
Lviv, Zamknena St. 9
Донатимо на ЗСУ 🇺🇦
Іконка компʼютерної миші біла
Іконка локації біла
Київ, Україна
Інструментарій Figma

Autolayout

Якісний дизайн інтерфейсів має бути цілісним, послідовним, узгодженим. Використання стандартних компонентів Фігма дозволяє не створювати кожен елемент візуалізації окремо. Це спрощує роботу та зберігає час при дизайні продукту.
Завдяки Фігма компонентам візуальне оформлення перейшло з області творчості у зону технологій, принципів та патернів. Вони роблять готовий продукт консистентним – єдиним за стилем. У Фігмі компоненти дозволяють дизайнеру без зайвих зусиль зробити інтерфейс сайту, мобільного додатка послідовним та однаковим на різних сторінках.
Як це працює
Компоненти – це «мозаїка», з якої складаються інтерфейси. Унікальних елементів в них не так багато. Немає сенсу робити їх кожен раз знову, достатньо створити компонент в Figma один раз і перевикористовувати його. Типовий алгоритм використання:
створюємо майстер-компонент – оригінал, який є прикладом для всіх інших;
копіюємо його як дочірні компоненти (інстанси);
використовуємо готові елементи, робимо з них інтерфейс продукту.
Щоб створити компонент у Фігмі,  дизайнеру треба добре знати:
як їх редагувати;
що потрібно для побудови багаторівневого компонента;
як розбити компонент у Фігмі;
як прибрати компонент у Фігмі.
Швидкість роботи суттєво збільшує створення проєкту, скорочує час на виконання замовлень клієнтів, збільшує доходи.
Переваги інструмента
Створення та використання компонентів – це не лише технічна, а й концептуальна творча навичка. Вона дозволяє дизайнеру:
1. Досягти консистентного дизайну продуктів.
2. Пришвидшити рутинну роботу за рахунок економії часу на створення унікальнгих елементів. Треба розуміти які елементи робити компонентами і які властивості компонентів (налаштування) використати, щоб це втілити.
3. Спростити передавання дизайну в розробку, бо розробники відтворюють компоненти в коді і також перевикористовують їх.
Висновок
Інструмент дає можливість працювати з дизайном як з конструктором, що робить роботу значно комфортнішою, доволі системною та звяльняє час для роботи над функціоналом та зручністю.
Якщо вам цікаво опанувати компоненти на профейсійному рівні, запрошуємо до інтенсиву, на якому можна навчитися всім нюансам на послідовних завданням та під наглядом досвідченого ментора, який одразу підкаже як виправити помилки.
Components інтенсив
Accept