Как задать свой размер в Фигме

Figma — мощный инструмент для дизайна интерфейсов, который предоставляет широкие возможности для работы с размерами объектов. В этой статье мы подробно разберем, как мастерски управлять размерами в Figma, начиная от изменения размеров фреймов и заканчивая точной настройкой в пикселях.

1. Масштабирование объектов с сохранением пропорций 📏
2. Изменение размера фрейма с сохранением содержимого 🖼️
3. Установка единиц измерения в сантиметрах 📐
4. Работа с текстом: изменение размера шрифта 🔤
5. Точная настройка положения объектов с помощью стрелок 🧭
6. Заключение
7. FAQ ❓

Масштабирование объектов с сохранением пропорций 📏

Часто дизайнерам нужно изменить размер объекта, сохранив его исходные пропорции. Figma предлагает простой и удобный способ сделать это:

1. Выделите объект, размер которого хотите изменить.
2. Нажмите клавишу "K" на клавиатуре или выберите инструмент "Scale" (Масштабирование) на верхней панели инструментов (под иконкой стрелки).
3. Удерживая клавишу "Shift", потяните за любой из угловых маркеров рамки выделения. Объект будет масштабироваться пропорционально во всех направлениях.

Важно: Удерживание клавиши "Shift" — ключевой момент! Без него объект будет растягиваться непропорционально.

Изменение размера фрейма с сохранением содержимого 🖼️

Фреймы в Figma — это основа для создания макетов. Иногда возникает необходимость изменить размер фрейма, при этом сохранив размер всех элементов внутри. Вот как это сделать:

1. Выделите фрейм, размер которого хотите изменить.
2. Используйте инструмент "Scale" (Масштабирование), нажав клавишу "K" или выбрав его на панели инструментов.
3. Измените размер фрейма, как вам необходимо. Содержимое фрейма будет автоматически масштабироваться, сохраняя свои относительные размеры и позицию.

Совет: Если во время выделения рамкой большого количества объектов вы случайно захватили лишние, не нужно отменять выделение и начинать заново. Просто зажмите пробел, и рамка будет двигаться вместе с курсором мыши, как в Photoshop.

Установка единиц измерения в сантиметрах 📐

По умолчанию Figma использует пиксели в качестве единиц измерения. Однако вы можете легко переключиться на сантиметры, что бывает удобно при работе с печатной продукцией:

1. Нажмите на кнопку "Figma" в левом верхнем углу.
2. В выпадающем меню выберите "File" (Файл), затем "Preferences" (Настройки).
3. В открывшемся окне перейдите на вкладку "Units" (Единицы измерения).
4. В выпадающем меню "Rulers" (Линейки) выберите "Centimeters" (Сантиметры).

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

Работа с текстом: изменение размера шрифта 🔤

Figma предлагает несколько способов изменить размер текста:

1. Использование инструмента "Scale" (Масштабирование):

• Выделите текстовый слой.
• Нажмите клавишу "K" или выберите инструмент "Scale".
• Измените размер текста, перетаскивая любой из угловых маркеров рамки выделения.
• Важно: Удерживайте клавишу "Shift", чтобы сохранить пропорции шрифта.

2. Ввод числового значения:

• Выделите текстовый слой.
• В правой части интерфейса Figma, в панели "Design" (Дизайн), найдите поле "Text" (Текст).
• В этом поле, рядом с параметром "Size" (Размер), введите нужное значение размера шрифта в пикселях.

Точная настройка положения объектов с помощью стрелок 🧭

Figma позволяет точно позиционировать объекты с помощью клавиш со стрелками:

• Выделите объект, который хотите переместить.
• Используйте стрелки «вверх», «вниз», «влево» и «вправо» для перемещения объекта на 1 пиксель в соответствующем направлении.
• Для более быстрого перемещения удерживайте клавишу "Shift" — объект будет перемещаться на 10 пикселей за одно нажатие.

Заключение

Умение управлять размерами объектов — один из ключевых навыков работы в Figma. Освоив инструменты и техники, описанные в этой статье, вы сможете создавать макеты любой сложности с высокой точностью и профессионализмом.

FAQ ❓

• Как изменить размер объекта в Figma без искажения пропорций?

Удерживайте клавишу "Shift" во время масштабирования объекта инструментом "Scale" (K).

• Как изменить размер фрейма, сохранив при этом размер всех элементов внутри?

Используйте инструмент "Scale" (K) для изменения размера фрейма. Содержимое фрейма автоматически масштабируется.

• Как установить сантиметры в качестве единиц измерения в Figma?

Перейдите в "File" (Файл) -> "Preferences" (Настройки) -> "Units" (Единицы измерения) и выберите "Centimeters" (Сантиметры) в меню "Rulers" (Линейки).

• Как точно переместить объект на 1 пиксель?

Используйте клавиши со стрелками на клавиатуре.

• Как быстро переместить объект на 10 пикселей?

Удерживайте клавишу "Shift" и используйте клавиши со стрелками.