Нарешті це сталося – днями Figma, вельми популярна серед дизайнерів-любителів альтернативних інструментів, отримала свіжий апдейт, “головною зіркою” якого стала оновлена функція Auto Layout. DesignTalk.club детально, і у картинках розповість вам – що змінилося.
У попередніх версіях Auto Layout вирівнювання контролювалося на рівні дочірніх об’єктів. Це означало, що ви могли мати різні налаштування вирівнювання для різних дочірніх об’єктів в рамках одного фрейма.
І от, не пройшло і парочки років, як команда Figma виявила, що користувачі практично не використовували цю фічу (і чому ж, дивно?)))) Саме тому, у листопаді 2020 року, елементи управління вирівнюванням були переміщені в материнський фрейм.
Що змінилося?
Такий підхід повинен спростити роботу автоматичного компонування. Піісля останнього апдейта всі дочірні об’єкти повинні будуть вирівнюватися однаково.
Якщо у вас залишилися фрейми з минулого апдейта, в яких була використана функція Auto Layout, з різними налаштуваннями вирівнювання в дочірніх об’єктах, ви зможете побачити наступне:
Для внесення змін, вам спочатку необхідно оновити фрейм, щоб видалити окреме дочірнє вирівнювання.
І ось що станеться, після поновлення фрейму:
Ми спробуємо візуально зберегти ваш оригінальний дизайн. У багатьох випадках це означає, що ми будемо додавати проміжні фрейми, щоб врахувати різні налаштування вирівнювання. Ці фрейми будуть називатися фреймами, що були додані автоматично (Auto-added) – йдеться у поясннені від Figma.
- Ви зможете негайно скасувати зміни, однак, якщо ви клікнете поза вікном або оновите сторінку, ви не зможете скасувати оновлення в подальшому.
- Якщо ви оновили основний компонент, переконайтеся, що всі його екземпляри були оновлені правильно.
Якщо вам необхідно створити дизайн з дочірніми елементами, в яких будуть використані різні налашутвання вирівнювання:
- Виберіть елемент, який потрібно вирівняти інакше
- Додайте Auto Layout до елементу за допомогою комбінації Shift + A
- Встановіть для новоствореного фрейму значення «Заповнити контейнер» на осі, по якій має бути вирівнювання.
- За необхідності встановіть вирівнювання.
ДУЖЕ РАДИМО ПОЧИТАТИ:
Figma запустила Variants. Що це і як воно допоможе дизайнерам?
6 КОРИСНИХ плагінів для Figma, що замінять вам купу інших дизайнерських додатків