Мечтаете о безупречном выравнивании и аккуратном расположении элементов в Figma? Тогда вам точно пригодятся линейки и направляющие! В этой статье мы покажем, как включить линейку и быстро настроить направляющие, чтобы создавать профессиональные и точные дизайны.
Что такое линейка в Figma
Линейка в Figma — это инструмент, который позволяет добавлять направляющие линии на рабочую область для точного выравнивания и размещения объектов. Линейки расположены по бокам холста и помогают вытащить направляющие, чтобы выставить элементы дизайна ровно по заданным координатам. Этот инструмент особенно полезен для тех, кто хочет точно выставить объекты относительно других элементов, сеток или границ.
Зачем она нужна
Линейка нужна для того, чтобы создать и выставить точные направляющие, которые помогают дизайнеру правильно разместить элементы на холсте. С её помощью можно добавить горизонтальные и вертикальные линии, позволяющие выравнивать объекты и обеспечивать согласованность в дизайне. Это особенно полезно при работе с комплексными макетами, где важно поставить каждую деталь на свое место. Используя линейки, вы можете добиться аккуратного и профессионального вида вашего проекта, а при необходимости легко скрыть или удалить направляющие для чистоты рабочего пространства.
Как включить линейку в Figma
Чтобы включить линейку в Figma, нужно использовать горячие клавиши
SHIFT + R |
Нажав эту комбинацию, вы вызовете линейку на экран. Если линейка уже была включена, то повторное нажатие SHIFT+R позволит её скрыть или выключить. Кроме того, линейки можно достать через меню. Для этого нажмите View (Просмотр) в верхней-левой панели Figma и выберите Rulers (Линейки).
Как добавить и настроить направляющие
Включите линейки: Нажмите Shift R, чтобы вызвать линейки на экран.
Добавьте направляющие:
- Вытащите направляющую с верхней или боковой линейки. Для этого наведите курсор на линейку, нажмите и удерживайте левую кнопку мыши, затем перетащите линию на рабочую область. Повторите действие для создание ещё одной направляющей.
- Можно поставить направляющие как горизонтально, так и вертикально, в зависимости от того, с какой линейки вы их вытягиваете.
Настройте направляющие:
- Выставьте точное положение направляющей, перемещая её по холсту. При этом будет отображаться позиция в пикселях, что позволяет легко поставить направляющую в нужное место.
- Если нужно переместить направляющую позже, просто кликните на неё и перетащите на новое место.
- Чтобы удалить направляющую:
- Перетащите её обратно на линейку.
- Выберите её левой кнопкой мыши и нажмите Delete.
- Нажмите на неё правой кнопкой мыши и выберите Remove guide.
Как включить или скрыть направляющие
Чтобы включить или скрыть направляющие в Figma, можно воспользоваться следующими методами:
Способ 1: Горячие клавиши. Нажмите Shift R, чтобы одновременно включить линейки и направляющие. Если направляющие уже были добавлены, но временно вам не нужны, повторное нажатие Shift R позволит их скрыть.
Способ 2: Меню. Откройте верхнее меню View (Просмотр), затем выберите Rules (Линейка). В этом меню можно показать или отключить направляющие, отметив или сняв галочку с пункта Rules.
Когда использовать направляющие
Направляющие в Figma следует использовать, когда нужно выставить элементы дизайна с высокой точностью и обеспечить визуальную согласованность макета. Вот несколько ситуаций, когда направляющие будут особенно полезны:
- Выравнивание объектов: Если нужно поставить несколько объектов на одинаковом расстоянии друг от друга или строго по одной линии, направляющие помогут создать ровные ряды и колонки.
- Работа с сетками: При создании сеток и модульных систем направляющие помогают точно выставить границы и интервалы, что особенно важно для веб-дизайна и интерфейсов.
- Поддержка симметрии: Если ваш дизайн требует симметрии, направляющие позволят выставить элементы симметрично относительно центральной линии или других ориентиров.
- Точечная подгонка: Когда нужно поставить элементы в определённых координатах, направляющие помогают выставить их с точностью до пикселя.
- Разметка областей: Вы можете добавить направляющие, чтобы обозначить определённые зоны на холсте для дальнейшей работы, например, области для текста, изображений или кнопок.
Типичные ошибки и как их исправить
Случайное перемещение направляющих:
- Ошибка: Вы случайно перемещаете направляющие при попытке редактировать элементы на холсте.
- Решение: Чтобы этого избежать, можно скрыть направляющие, нажав Shift R, и затем продолжить редактирование. Если направляющая уже была перемещена, просто выставьте её обратно на нужное место вручную. Если перемещение направляющей было последним вашим действитем, то его можно отменить сочетанием CTRL + Z
Направляющие не видны на холсте:
- Ошибка: Вы не видите направляющие, хотя они уже созданы.
- Решение: Убедитесь, что линейки и направляющие включены. Нажмите Shift R, чтобы показать их или в меню View (Просмотр), выбрав Rules.
Слишком много направляющих:
- Ошибка: Создано слишком много направляющих, что делает работу на холсте неудобной.
- Решение: Удалите лишние направляющие, кликнув по ним левой кнопкой мыши и выбрав Delete (Удалить). Можно также скрыть направляющие через Shift R и оставить только те, которые нужны в данный момент.
Неправильное положение направляющих:
- Ошибка: Направляющие поставлены не на том месте, что приводит к неправильному выравниванию объектов.
- Решение: Переместите направляющую, просто перетащив её на нужную позицию. Используйте числовые индикаторы на линейке, чтобы выставить её с нужной точностью.
Направляющие мешают видеть дизайн:
- Ошибка: Направляющие мешают видеть дизайн в полном объёме.
- Решение: Временно скрыть направляющие можно через Shift R. Это позволит работать над дизайном без визуальных помех.
Главное, что нужно знать
- Что такое линейка: Линейка в Figma — это инструмент для добавления направляющих линий на холст, помогающих точно выравнивать и размещать объекты.
- Зачем нужна: Линейка используется для создания и выравнивания элементов дизайна, обеспечения симметрии и точного расположения объектов в макете.
- Как включить: Включить линейку можно с помощью горячих клавиш Shift R или через меню View > Rulers (Линейки).
- Когда использовать направляющие: Направляющие нужны для точного выравнивания объектов, создания симметрии, работы с сетками и обозначения зон на холсте.
