Обновления и новости

Telegram Вконтакте
Скачать презентацию

Линейка и направляющие в Figma: как настроить и использовать

20 января 2023
3 мин.
35 955
Автор: Виталий Радченко

Это статья — инструкция о том, как пользоваться линейкой в фигме, выравнивать элементы относительно друг друга или других объектов с помощью направляющих.

  1. Как включить линейку
  2. Настраиваем линейку в Figma
  3. Когда используем линейку + пример

Как включить линейки?

Чтобы включить линейку в Figma, нужно нажать сочетание клавиш ⌨️ Shift + R или выбрать в меню cоответствующий пункт (Main menu → View → Rulers). Или включить их в панели быстрого доступа в правом верхнем углу.

Вариант 1

Нажимаем кнопку в левом верхнем углу на значок Figma и перейти в View и затем выбрать Rulers.

Вариант 2

Нажав в правом верхнем углу на цифры масштаба и выбрать Rulers.

Настраиваем линейки

Давайте разберемся, как пользоваться линейкой. Чтобы настроить направляющие, необходимо нажать на линейку и, не отпуская кнопку мыши, потянуть вправо (если линейка находится слева), или потянуть вниз (если линейка находится сверху). Далее можно выравнивать по линейке объекты.
Это достаточно удобно, так как объекты “прилипают” к линейке, и не нужно сильно целиться, чтобы выровнять их. (На видео показано, как настраивать линейки, и как ведут себя объекты).

Когда следует использовать направляющие?

Направляющие следует использовать, когда требуется выровнять элементы относительно друг-друга или какой-то линии/объекта. Но если вы еще не владеете инструментами Autolayout или Components, или заранее их не настроили, то на помощь придет этот, довольно простой в использовании инструмент — направляющие в линейке Figma.

И это очень важно, ведь если тексты или объекты размещаются на разной высоте и скачут относительно друг друга хотя бы на 1 пиксель, то дизайн смотрится не аккуратно. Часто заказчик не может сказать, что именно ему не нравится в макете, но интуитивно понимает: здесь что-то не так?

Это был обзор инструмента линейка в Figma, который поможет вам навести красоту в макете и упорядочить детали. До новых инструкций!

Автор: Виталий Радченко

Хочешь навести порядок в проектах? Работай в O!task

Начать бесплатно

Ещё статей?

24 февраля 2025
1 980

Как оформить презентацию: большая инструкция. 30+ примеров слайдов + Примеры готовых презентаций

Презентации сегодня — это целая философия передачи смыслов и донесения информации, которые используются для разных целей: создание питчей и отчетов, упаковки бизнес-планов и стратегий развития, материалов для отделов продаж и т.п. А в конце статьи вас ждут наглядные примеры готовых презентаций для таких компаний как Сбер, Магнит, X5 Retail и других. В этой статье вы...

Читать полностью
04 декабря 2024
8 660

Градиент в Figma — полный разбор инструмента и 5 способов

Градиент в Figma — не устаревающий тренд в дизайне, актуальный сейчас как никогда и есть тематики интерфейсов, которые сложно представить без мягких свечений, плавного перехода цветов и тонов, например — космос, NFT. Мы разберем несколько способов создания градиента для ваших проектов: Рассмотрим несколько инструментов и способов создания градиента, которые предлагает нам Figma и не только....

Читать полностью
04 декабря 2024
65 399

Как обрезать картинку в Figma - 3 способа

В Figma способы обрезки картинок и фотографий не столь очевидны, а ведь иногда бывает такое, что нужна не вся картинка, а только её часть. Давай разбираться как можно вырезать фото в Фигме. Поехали!? Мы рассмотрим три способа. Каждый под разные типы картинок и ситуаций. Первый способ — с помощью инструмента заливка Если стоит задача сделать...

Читать полностью
<