Ластик в фигме где находится
Ластик в Figma — это инструмент, который позволяет удалять части векторных объектов, масок или фреймов с холста. Однако, в отличие от традиционных графических редакторов, в Figma нет отдельного инструмента под названием «ластик» в привычном понимании. Вместо этого для удаления элементов используются другие методы: редактирование векторных путей, вычитание фигур, маскирование и удаление точек. Это может сбить с толку новичков, особенно тех, кто приходит из Photoshop или Illustrator.
- Почему в Figma нет ластика?
- Как удалять части объектов: редактирование векторов
- Пример: удаление части линии
- Булевы операции: Subtract, Union, Intersect
- Типы булевых операций в Figma
- Маски и обрезка контента
- Разница между маской и вычитанием
- Обрезка содержимого во фреймах
- Когда использовать Clip content?
- Эффективные советы по удалению элементов
- Экспертное мнение
- Вопросы и ответы
- Заключение
Почему в Figma нет ластика?
Figma — это векторный редактор, ориентированный на командную работу, прототипирование и дизайн интерфейсов. Его архитектура основана на принципах точности, воспроизводимости и структурированности. В отличие от растровых редакторов, где ластик работает с пикселями, в Figma всё строится на векторных путях, слоях и булевых операциях. Поэтому вместо размытого инструмента удаления используется более контролируемый подход.
Удаление фрагментов в Figma — это не стирание, а модификация формы. Например, чтобы «стереть» часть прямоугольника, нужно преобразовать его в вектор, добавить точки и удалить нужный сегмент. Такой подход снижает риск случайной потери данных и делает процесс более предсказуемым. Кроме того, все изменения можно отменить, а объекты — редактировать без потери качества.
Дизайнеры, привыкшие к Photoshop, могут испытывать дискомфорт. Но со временем становится очевидно: Figma заменяет импульсивное стирание на продуманное проектирование форм. Это соответствует философии продукта — минимализм, контроль, повторяемость.
Как удалять части объектов: редактирование векторов
Чтобы «стереть» часть фигуры в Figma, нужно перейти в режим редактирования векторов. Это ключевой механизм, заменяющий классический ластик. Работает он следующим образом:
- Выберите фигуру (например, прямоугольник), которую хотите изменить.
- Нажмите P или выберите инструмент Vector на панели слева.
- Кликните по фигуре — она превратится в редактируемый вектор с точками и сегментами.
- Выделите одну или несколько точек, которые ограничивают участок, подлежащий удалению.
- Нажмите клавишу Delete — сегмент между точками исчезнет.
Если вы удалили точку по ошибке, используйте Ctrl+Z (или Cmd+Z на Mac). Также можно добавить новые точки с помощью инструмента Pen (P) и перестроить форму.
Для более сложных форм, например, если нужно вырезать внутреннюю часть круга, можно создать второй векторный контур и использовать булеву операцию Subtract. Это даёт чистый, редактируемый результат без разрывов.
Пример: удаление части линии
Представьте, что у вас есть линия, нарисованная инструментом Pen. Вы хотите убрать её середину. Вот как это сделать:
- Выберите линию и активируйте режим редактирования (P).
- Добавьте две новые точки в тех местах, где должен начинаться и заканчиваться «вырез».
- Выделите сегмент между этими двумя точками.
- Нажмите Delete.
- Линия разделится на два отдельных сегмента.
Теперь вы можете перемещать, скрывать или удалять любой из них.
Булевы операции: Subtract, Union, Intersect
Один из самых мощных способов «стереть» часть объекта — использовать булевы операции. Они позволяют комбинировать фигуры, вычитая одну из другой, как будто используя ластик с формой геометрической фигуры.
Чтобы выполнить вычитание:
- Нарисуйте основную фигуру (например, прямоугольник).
- Поверх неё нарисуйте вторую фигуру (круг, квадрат и т.п.) в том месте, где нужно «стереть».
- Выделите обе фигуры (удерживайте Shift при клике).
- Нажмите кнопку Subtract на верхней панели инструментов или используйте сочетание Ctrl+Alt+-.
Результат — первая фигура с вырезом в форме второй. При этом сама вторая фигура исчезает, оставляя только результат операции.
Типы булевых операций в Figma
Операция |
Горячие клавиши |
Описание |
|---|---|---|
Union |
Ctrl+Alt++ |
Объединяет несколько фигур в одну сплошную форму. |
Subtract |
Ctrl+Alt+- |
Вычитает верхнюю фигуру из нижней — основной способ «ластик-эффекта». |
Intersect |
Ctrl+Alt+* |
Оставляет только пересечение фигур. |
Exclude |
Ctrl+Alt+X |
Удаляет пересечение, оставляя остальные части. |
Subtract — самый близкий аналог ластика. Например, если вы хотите сделать отверстие в карточке, просто нарисуйте круг поверх и примените Subtract. Это часто используется в дизайне кнопок, иконок и сложных компонентов.
Маски и обрезка контента
Ещё один способ «скрыть» часть объекта — использовать маски. Хотя это не удаляет данные, визуально это работает как ластик: часть контента становится невидимой.
Чтобы создать маску:
- Создайте фигуру (например, круг).
- Поместите поверх неё изображение или текст.
- Выделите оба объекта.
- Нажмите правой кнопкой мыши → Create Mask или используйте Ctrl+Alt+M.
Теперь всё, что выходит за пределы фигуры-маски, будет скрыто. Это идеально подходит для аватарок, баннеров, карточек с изображениями.
Маски не удаляют пиксели — они лишь обрезают отображение. Это значит, что вы всегда можете изменить положение изображения внутри маски или отключить маску полностью.
Разница между маской и вычитанием
- Маска — временная, не влияет на структуру объекта, работает с любыми типами слоёв (включая растровые).
- Subtract — постоянное изменение формы, применимо только к векторам, создаёт новый векторный путь.
Выбор зависит от задачи. Если нужно просто скрыть часть — маска. Если нужно создать новую форму — булева операция.
Обрезка содержимого во фреймах
Фреймы в Figma могут автоматически обрезать содержимое, выходящее за их границы. Это поведение похоже на ластик: если элемент выходит за край фрейма, он не виден.
Чтобы включить обрезку:
- Выберите фрейм.
- В правой панели свойств найдите переключатель Clip content.
- Активируйте его.
Теперь всё, что находится вне границ фрейма, будет скрыто. Это удобно для каруселей, списков, скролл-зоны или когда вы хотите ограничить видимость элементов.
Когда использовать Clip content?
- При создании прототипов с горизонтальным скроллом.
- Для дизайна мобильных экранов, где контент не должен выходить за края.
- При работе с компонентами, где важна чёткая граница (например, карточки с изображениями).
В отличие от масок, Clip content применяется ко всему содержимому фрейма и не требует создания дополнительных фигур.
Эффективные советы по удалению элементов
Чтобы работать с «удалением» в Figma максимально эффективно, следуйте этим практикам:
- Используйте векторы вместо растровых объектов. Всё, что можно сделать вектором — делайте вектором. Это даёт полный контроль над формой.
- Комбинируйте Subtract и маски. Например, сделайте основную форму через Subtract, а детали — через маски.
- Не бойтесь разбивать объекты. Иногда проще удалить часть фигуры, разделив её на сегменты, чем пытаться модифицировать один сложный путь.
- Используйте плагины. Плагины вроде Vectorizer, Mask to Frame или Boolean Operations расширяют возможности редактирования.
- Работайте с историей изменений. Figma сохраняет до 60 минут истории. Если что-то пошло не так — легко вернуться назад.
Также помните: в Figma нет «необратимых действий». Даже после применения Subtract вы можете отменить операцию или дублировать исходный объект перед модификацией.
Экспертное мнение
По словам эксперта, переход от растровой логики к векторной — ключевой этап освоения Figma. Те, кто принимает эту философию, начинают работать быстрее и качественнее.
Вопросы и ответы
Заключение
В Figma нет традиционного ластика, но есть более мощные и точные инструменты для удаления и модификации объектов. Редактирование векторов, булевы операции, маски и обрезка через фреймы — всё это позволяет достигать нужного эффекта с полным контролем над результатом. Важно понимать, что Figma — это не растровый редактор, а система проектирования, где каждое действие должно быть осознанным и воспроизводимым.
- В Figma нет отдельного инструмента «ластик» — удаление выполняется через векторное редактирование и булевы операции.
- Subtract — основной способ вырезать части фигур, особенно при работе с векторами.
- Маски и Clip content позволяют скрывать контент, не удаляя его физически.
- Все изменения обратимы — используйте Ctrl+Z и дублируйте объекты перед сложными операциями.
- Освоение этих методов повышает точность и скорость работы в Figma.
⚠️ Дисклеймер — нажмите, чтобы развернуть
Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.
Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».
Упоминание товарных знаков, брендов и организаций носит исключительно информационный характер и не означает наличие партнёрских отношений или одобрения со стороны правообладателей.
Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.
Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.
Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.
Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.
Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.
Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.
Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.
Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.