Lock Aspect Ratio в Figma: как работает и когда нужен

Меняешь размер элемента в Figma — картинка внутри фрейма растягивается? Значит, забыл про Lock Aspect Ratio. Эта функция фиксирует пропорции объекта. Полезно? Да. Нужно? Тоже да. Но иногда мешает.

Разбираемся, как работает Lock Aspect Ratio, когда его включать, а когда лучше обойтись без него.

Как работает Lock Aspect Ratio

Где искать

В панели Design справа. Когда выделяешь объект, между шириной (W) и высотой (H) появится значок замка. Закрыт — пропорции фиксированы. Открыт — можно менять ширину и высоту отдельно.

Как включить

• Выдели объект.

• В панели Design найди поля ширины и высоты.

• Нажми на значок замка.

Где работает

• Изображения — фото, иллюстрации, растровая графика.
• Фреймы — если внутри есть объекты, требующие пропорций.
• Векторные фигуры — иконки, логотипы.
• Группы объектов — когда важно сохранить относительные размеры.

Когда нужен Lock Aspect Ratio

Изображения и иконки

Растянутая аватарка? Логотип, который потерял форму? Чтобы такого не случалось, включай Lock Aspect Ratio:

• Для фото пользователей — чтобы не искажались черты лица.
• Для иконок и логотипов — чтобы не терялся фирменный стиль.
• Для галерей изображений — чтобы элементы оставались пропорциональными.

Адаптивные компоненты

Если в Auto Layout кнопка меняет размер, а иконка внутри должна оставаться пропорциональной — Lock Aspect Ratio спасает.

Где полезно:

• Кнопки с иконками.
• Карточки товаров.
• Аватары пользователей.

Прототипы и макеты

Некоторые элементы должны сохранять пропорции. Без этого макет развалится.

Примеры:

• Превью видео — стандартный формат 16:9.
• Карточки контента — единообразие изображений в ленте.
• Галереи — фото остаются пропорциональными при изменении сетки.

Векторная графика

Векторные элементы тоже можно испортить, если не следить за пропорциями.

Что защищает Lock Aspect Ratio:

• Иконки — чтобы не стали плоскими.
• Логотипы — чтобы не потеряли фирменный стиль.
• SVG-иллюстрации — чтобы не исказились детали.

Фиксированные UI-элементы

Некоторые вещи должны оставаться строгими:

• Кнопки — квадратные остаются квадратными, круглые — круглыми.
• Баннеры — рекламные форматы не меняются.
• Видео — 16:9, 4:3 без компромиссов.

Ошибки при использовании Lock Aspect Ratio

Фиксировать пропорции полезно, но не всегда.

• Фиксация там, где она не нужна. Текстовые блоки, гибкие сетки должны адаптироваться.
• Нарушение адаптивности. Жёсткие пропорции могут сломать дизайн на разных экранах.
• Потеря контроля. Иногда нужно менять ширину или высоту отдельно.

Вывод

Lock Aspect Ratio защищает от искажений, но не делает макет автоматически идеальным. Включай его для картинок, иконок, адаптивных компонентов и UI-элементов с фиксированными пропорциями.

Но помни: гибкость важнее строгости. Если фиксированные пропорции мешают адаптивности — отключай.

Ты используешь Lock Aspect Ratio? Где он помогает, а где мешает? Пиши в комментариях!