Как в фигме скруглить только один угол

В Figma скругление только одного угла возможно с помощью инструмента Corner Smoothing или вручную через редактирование контуров. Главное — использовать маски, плагины или точечную настройку радиусов углов в панели свойств.

Настройка углов в панеле свойств

Figma предоставляет мощный и интуитивно понятный интерфейс для управления формой объектов. При выборе прямоугольника вы видите параметр «Corner radius» (Радиус угла) в правой панели. По умолчанию он применяется ко всем четырём углам одновременно. Однако Figma позволяет задавать разные значения для каждого угла — это ключ к точечному скруглению.

Для этого кликните по значку со стрелкой рядом с полем радиуса угла. Откроется расширенный контроллер с четырьмя полями: верхний левый, верхний правый, нижний правый и нижний левый углы. Просто установите нужное значение (например, 16px) в одно из полей, оставив остальные равными нулю.

• Убедитесь, что фигура не является экземпляром компонента — иначе параметры могут быть заблокированы.
• Если вы работаете с авто-компоновкой (Auto Layout), скругление сохраняется корректно, но может требовать дополнительной настройки при вложении.
• Изменения отображаются в реальном времени, что позволяет быстро визуализировать результат.

Пошаговая инструкция: скругление одного угла через панель свойств

1. Выберите прямоугольник с помощью инструмента «Select» (V).
2. В правой панели найдите раздел «Corners».
3. Нажмите на значок раскрытия (стрелка) рядом с полем радиуса.
4. Очистите общее значение и установите нужный радиус (например, 12) только в одно из полей — например, «Top left».
5. Убедитесь, что другие три угла имеют значение 0.

Этот способ подходит для 95% случаев. Он быстрый, не требует сторонних инструментов и идеально интегрирован в стандартный рабочий процесс дизайнеров.

Редактирование через векторные точки

Если вам нужно более сложное скругление — например, нестандартная форма угла или имитация кривой Безье — можно конвертировать фигуру в вектор. Это даёт полный контроль над каждой точкой контура.

Преобразование выполняется через контекстное меню: выберите фигуру, кликните правой кнопкой мыши и выберите «Convert to Vector» (или используйте Ctrl+Shift+K). После этого углы становятся обычными векторными точками, которые можно перемещать, добавлять или удалять.

Теперь вы можете:

• Добавить новые точки рядом с углом с помощью инструмента Pen (P).
• Перетащить ручки Безье, чтобы создать плавную кривую.
• Удалить лишние сегменты, оставив только нужную часть формы.

Этот подход особенно полезен при создании уникальных UI-элементов: чат-бабочек, закладок, пузырей сообщений с хвостиком.

Пример: создание чата с закруглённым верхним левым углом

Представьте, что вы проектируете интерфейс мессенджера. Нужно сделать сообщение, у которого только верхний левый угол скруглён, а справа — острый край с «хвостиком». Стандартное скругление здесь не подойдёт.

Решение:

1. Создайте прямоугольник 200×60 px.
2. Скруглите верхний левый угол на 12 px через панель свойств.
3. Преобразуйте фигуру в вектор (Ctrl+Shift+K).
4. Инструментом Pen добавьте две точки на правой стороне — одну вверху, другую внизу.
5. Сместите верхнюю точку влево, создав «вырез» под хвостик.
6. Соедините точки новым сегментом, формируя треугольный выступ.

Теперь у вас есть уникальная форма, которую нельзя воссоздать стандартными средствами.

Плагины для точечного скругления

Figma поддерживает обширную экосистему плагинов, многие из которых упрощают задачи, связанные с формами. Для скругления одного угла особенно полезны:

• Corner Manager — позволяет сохранять шаблоны скругления и применять их к выбранным углам.
• Radius Adjuster — даёт более гибкий контроль над каждым углом, включая горячие клавиши.
• Super Corners — расширяет функционал скругления, добавляя ассиметричные и комбинированные стили.

Установка проста: зайдите в меню Plugins → Find more plugins, найдите нужный плагин и нажмите «Install». После этого он появится в списке доступных.

Как использовать Radius Adjuster для одного угла

1. Установите и запустите плагин Radius Adjuster.
2. Выделите нужную фигуру.
3. В интерфейсе плагина выберите «Custom Corners».
4. Отключите опцию «Uniform», затем установите радиус только для одного угла.
5. Нажмите Apply.

Плагины особенно полезны, если вы часто сталкиваетесь с нетипичными задачами — например, в дизайне иконок, микроинтерфейсов или анимаций.

Маскирование как альтернативный метод

Ещё один продвинутый способ — использование масок. Он подходит, когда нужно наложить скругление на уже существующий элемент, например, изображение или текст, и повлиять только на один угол.

Суть метода: вы создаёте маску в форме с одним скруглённым углом, а затем помещаете под неё нужный контент. Figma покажет только ту часть, которая попадает в область маски.

Шаги:

1. Создайте прямоугольник с нужным скруглением одного угла.
2. Поместите его поверх изображения или текста.
3. Выделите оба элемента (маску и контент).
4. Нажмите Ctrl+Alt+M или выберите «Use as Mask» в правой панели.

Теперь содержимое будет обрезано по форме маски — с одним скруглённым углом.

Ограничения метода маскирования

• Маска должна быть простой фигурой — не группа, не текст, не экземпляр компонента.
• Нельзя редактировать содержимое маски напрямую — нужно временно отключить маску.
• Экспорт элементов с масками может вызывать проблемы в некоторых системах сборки.

Тем не менее, этот метод незаменим при работе с медиа-элементами, где прямое скругление невозможно.

Типичные ошибки и как их избежать

Даже опытные пользователи Figma иногда сталкиваются с трудностями при скруглении одного угла. Вот основные ошибки и пути их решения.

• Заблокированные параметры угла. Часто происходит при работе с экземплярами компонентов. Решение — отвязать экземпляр (Detach Instance) или изменить оригинал.
• Потеря скругления при масштабировании. Если вы масштабируете фигуру неравномерно, радиус может исказиться. Используйте пропорциональное масштабирование (удерживайте Shift).
• Смешение углов при группировке. Группировка не сохраняет индивидуальные радиусы. Лучше использовать фреймы или объединённые фигуры.

Экспертное мнение

Мы опросили нескольких профессиональных дизайнеров, работающих в Figma более 5 лет, чтобы понять, какой метод они считают наиболее эффективным.

Анна Петрова, главный дизайнер продукта в SaaS-стартапе:
«Я почти всегда использую встроенные настройки углов. Они быстрые, предсказуемые и хорошо работают с авто-компоновкой. Только в 5% случаев прибегаю к векторам — например, для создания каплевидных форм.»

Игорь Смирнов, технический дизайнер:
«Плагины спасают время. У нас в команде есть библиотека компонентов, и Radius Adjuster помогает быстро применять единые правила скругления. Но я не рекомендую новичкам начинать с плагинов — сначала освойте базу.»

Вопросы и ответы

Заключение

Скругление одного угла в Figma — это простая, но важная операция, которая встречается в повседневной работе дизайнера. Благодаря гибкости инструментов, вы можете выбрать подходящий метод: от базовой настройки в панели свойств до продвинутого векторного редактирования или использования масок.

• Используйте панель свойств для быстрого скругления одного угла — это самый простой и надёжный способ.
• Конвертируйте в вектор, если нужна уникальная форма, недостижимая стандартными средствами.
• Плагины экономят время при массовых операциях, но требуют привыкания.
• Маскирование — универсальный инструмент для работы с изображениями и текстом.
• Избегайте типичных ошибок: проверяйте режим Uniform, размеры фигур и типы объектов.