Figma представила нову функцію Smart Selection, яка допомагає легко налаштовувати відступи та розташування кількох елементів в наборі об’єктів на полотні. А Tidy Up вправно організує обрані предмети. Про це стало відомо в офіційному блозі Figma.

Smart Selection

Smart Selection працює автоматично при виборі будь-якого елементу або групи з трьох або більше елементів з рівним інтервалом. Виділивши елементи, ви можете одночасно відрегулювати відступи, положення і розмір всіх цих елементів.

За допомогою функції Smart Selection можна:

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

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

“Маючи це на увазі, ми створили спосіб допомогти вам прямо на полотні, де ви можете безпосередньо маніпулювати об’єктами, не вимагаючи вивчення будь-яких спеціальних нових інструментів або типів об’єктів. Це чисто функція користувацького інтерфейсу”, -написав Расмус Андерсон, дизайнер в Figma.

Tidy Up

Разом із Smart Selection команда представилп ще одну функцію – Tidy Up, завдяки якій дуже легко отримати Smart Selection з “безладу”. Просто викличте дію Tidy Up, щоб вправно організувати обрані предмети. Розробники пропонують сприймати її як функцію «розподілу», яка поліпшить роботу.

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

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

Виконання цього в традиційних інструментах дизайну часто означає, що кожен інтервал і відступ треба налаштувати вручну (в прикладі зверху 19 інтервалів!). За допомогою Tidy Up все це можна зробити однією швидкою дією – вибрати екрани та натиснути кнопку Tidy Up у верхній частині бічної панелі справа.

Команда також повідомила, що найближчими місяцями додасть багато нового, включаючи підтримку 2D-сіток за допомогою Smart Selection і інші цікаві речі.

Також в Telegraf.design можна почитати матеріал на тему плюсів та мінусів інструменту Figma, а також про тонкощі переходу від Sketch до Figma.