Variants – це новий спосіб створення, організації та використання компонентів. Якщо ви часто використовуєте компоненти, вас це зацікавить. Ця інструкція проведе вас через все, що потрібно знати, щоб почати з ними працювати! Це переклад на російську оригінальний файл Figma про Variants.
Компонент – це елемент, копії якого змінюються разом із ним. Наприклад, поле введення, аватар зі статусом чи меню. Вихідний компонент називається основним (main component), його копії – екземплярами (instances).
5 порад, як робити добре
- Прочитайте назви елементів на канві Figma показує назви елементів першого рівня і відразу видно які названі за замовчуванням.
- Почніть з першого рівня Перейменувати відразу все – трудомістке завдання. …
- Використовуйте спецсимволи: «!», «+» і т.д.
- СМЕЛО ВИКОРИСТОВУЙТЕ КАПСЛОК …
- Використовуйте «/» та «_»
Компоненти Ці елементи дозволять вам стандартизувати абсолютно все, що є у вас у макеті. За допомогою компонентів можна встановити загальний стиль і в разі потреби швидко змінити його.
Головна перевага роботи з компонентами – можливість вносити зміни до всіх екземплярів проекту відразу, змінюючи тільки майстер-компонент. Це прискорює робочий процес та робить дизайн-систему проекту більш узгодженою, спрощує процес її підтримки та співробітництва з іншими дизайнерами.
Згрупуйте об'єкти з меню Object → Group Selection або клавішами Ctrl (Cmd) + G. Ви побачите зміни у шарах об'єктів – вони об'єдналися у групу. Тепер ви можете переміщати всі об'єкти разом. Додатково ви можете обмежувати поведінку елементів у кадрі.
Створення приклад бібліотеки компонентів
- Виконайте вхід до Power Apps.
- Виберіть Бібліотеки компонентів у лівій навігаційній панелі, потім виберіть Створити бібліотеку компонентів. …
- Назвіть бібліотеку компонентів як Компоненти меню; ви також можете вказати інше ім'я на ваш вибір.
Правила іменування включають використання великих літер для першої літери, поділ дефісом, використання (__) для визначення варіантів та угруповання по елементах за допомогою косої межі . Дотримуючись цих правил, ви можете створити чистий, доступний набір компонентів, який можна використовувати в одному файлі або експортувати для обміну з іншими.
Tatiana Cherniavskaia – Medium
Variants у Figma: як вивести ваші компоненти на новий рівень by Tatiana Cherniavskaia | Medium
YouTube
Варіативні компоненти у Figma (Variants Components in Figma)
Skillbox
Як зробити кнопки для макета у Figma: тестуємо варіанти інтерфейсу / Skillbox Media
Infogra.ru
Що таке компоненти у Figma, і як вони допоможуть зробити роботу швидше
YouTube
[NEW] 🔥 Figma Variants як користуватися? Налаштовуємо варіанти компонентів. Урок 15