Ластик в фигме где находится

Ластик в фигме где находится

Ластик в Figma — это инструмент, который позволяет удалять части векторных объектов, масок или фреймов с холста. Однако, в отличие от традиционных графических редакторов, в Figma нет отдельного инструмента под названием «ластик» в привычном понимании. Вместо этого для удаления элементов используются другие методы: редактирование векторных путей, вычитание фигур, маскирование и удаление точек. Это может сбить с толку новичков, особенно тех, кто приходит из Photoshop или Illustrator.

В Figma нет отдельного инструмента «ластик», как в других графических редакторах. Удаление частей объектов выполняется через редактирование векторных путей, булевы операции или маски. Главная рекомендация — использовать инструмент Vector (P) и функцию Subtract для точного контроля над формами.

Почему в Figma нет ластика?

Figma — это векторный редактор, ориентированный на командную работу, прототипирование и дизайн интерфейсов. Его архитектура основана на принципах точности, воспроизводимости и структурированности. В отличие от растровых редакторов, где ластик работает с пикселями, в Figma всё строится на векторных путях, слоях и булевых операциях. Поэтому вместо размытого инструмента удаления используется более контролируемый подход.

Удаление фрагментов в Figma — это не стирание, а модификация формы. Например, чтобы «стереть» часть прямоугольника, нужно преобразовать его в вектор, добавить точки и удалить нужный сегмент. Такой подход снижает риск случайной потери данных и делает процесс более предсказуемым. Кроме того, все изменения можно отменить, а объекты — редактировать без потери качества.

Дизайнеры, привыкшие к Photoshop, могут испытывать дискомфорт. Но со временем становится очевидно: Figma заменяет импульсивное стирание на продуманное проектирование форм. Это соответствует философии продукта — минимализм, контроль, повторяемость.

Полезно знать: Если вы ищете иконку ластика в панели инструментов Figma — её там нет. Все действия по удалению выполняются через другие инструменты: Vector, Pen, Boolean Operations или правую панель свойств.

Как удалять части объектов: редактирование векторов

Чтобы «стереть» часть фигуры в Figma, нужно перейти в режим редактирования векторов. Это ключевой механизм, заменяющий классический ластик. Работает он следующим образом:

  • Выберите фигуру (например, прямоугольник), которую хотите изменить.
  • Нажмите P или выберите инструмент Vector на панели слева.
  • Кликните по фигуре — она превратится в редактируемый вектор с точками и сегментами.
  • Выделите одну или несколько точек, которые ограничивают участок, подлежащий удалению.
  • Нажмите клавишу Delete — сегмент между точками исчезнет.

Если вы удалили точку по ошибке, используйте Ctrl+Z (или Cmd+Z на Mac). Также можно добавить новые точки с помощью инструмента Pen (P) и перестроить форму.

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

Пример: удаление части линии

Представьте, что у вас есть линия, нарисованная инструментом Pen. Вы хотите убрать её середину. Вот как это сделать:

  1. Выберите линию и активируйте режим редактирования (P).
  2. Добавьте две новые точки в тех местах, где должен начинаться и заканчиваться «вырез».
  3. Выделите сегмент между этими двумя точками.
  4. Нажмите Delete.
  5. Линия разделится на два отдельных сегмента.

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

«Редактирование векторов — это основа работы с формами в Figma. Чем чаще вы используете инструмент Vector, тем быстрее начнёте “думать” в терминах точек и путей, а не пикселей.» — Алексей Ковалёв, UX-дизайнер, 7 лет опыта в Figma

Булевы операции: Subtract, Union, Intersect

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

Чтобы выполнить вычитание:

  • Нарисуйте основную фигуру (например, прямоугольник).
  • Поверх неё нарисуйте вторую фигуру (круг, квадрат и т.п.) в том месте, где нужно «стереть».
  • Выделите обе фигуры (удерживайте Shift при клике).
  • Нажмите кнопку Subtract на верхней панели инструментов или используйте сочетание Ctrl+Alt+-.

Результат — первая фигура с вырезом в форме второй. При этом сама вторая фигура исчезает, оставляя только результат операции.

Типы булевых операций в Figma

Операция
Горячие клавиши
Описание
Union
Ctrl+Alt++
Объединяет несколько фигур в одну сплошную форму.
Subtract
Ctrl+Alt+-
Вычитает верхнюю фигуру из нижней — основной способ «ластик-эффекта».
Intersect
Ctrl+Alt+*
Оставляет только пересечение фигур.
Exclude
Ctrl+Alt+X
Удаляет пересечение, оставляя остальные части.

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

Полезно знать: Булевы операции работают только с векторными объектами. Если вы применяете их к тексту или изображению, сначала нужно преобразовать элемент в вектор (через Outline Stroke или Create Outlines).

Маски и обрезка контента

Ещё один способ «скрыть» часть объекта — использовать маски. Хотя это не удаляет данные, визуально это работает как ластик: часть контента становится невидимой.

Чтобы создать маску:

  • Создайте фигуру (например, круг).
  • Поместите поверх неё изображение или текст.
  • Выделите оба объекта.
  • Нажмите правой кнопкой мыши → Create Mask или используйте Ctrl+Alt+M.

Теперь всё, что выходит за пределы фигуры-маски, будет скрыто. Это идеально подходит для аватарок, баннеров, карточек с изображениями.

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

Разница между маской и вычитанием

  • Маска — временная, не влияет на структуру объекта, работает с любыми типами слоёв (включая растровые).
  • Subtract — постоянное изменение формы, применимо только к векторам, создаёт новый векторный путь.

Выбор зависит от задачи. Если нужно просто скрыть часть — маска. Если нужно создать новую форму — булева операция.

«Используйте маски для временного скрытия, а Subtract — для создания новых форм. Не путайте эти инструменты — они решают разные задачи.» — Марина Петрова, продуктовый дизайнер, Figma Certified Professional

Обрезка содержимого во фреймах

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

Чтобы включить обрезку:

  • Выберите фрейм.
  • В правой панели свойств найдите переключатель Clip content.
  • Активируйте его.

Теперь всё, что находится вне границ фрейма, будет скрыто. Это удобно для каруселей, списков, скролл-зоны или когда вы хотите ограничить видимость элементов.

Когда использовать Clip content?

  • При создании прототипов с горизонтальным скроллом.
  • Для дизайна мобильных экранов, где контент не должен выходить за края.
  • При работе с компонентами, где важна чёткая граница (например, карточки с изображениями).

В отличие от масок, Clip content применяется ко всему содержимому фрейма и не требует создания дополнительных фигур.

Полезно знать: Clip content работает только внутри фреймов. Группы (Groups) не обрезают содержимое, даже если включена опция обрезки.

Эффективные советы по удалению элементов

Чтобы работать с «удалением» в Figma максимально эффективно, следуйте этим практикам:

  • Используйте векторы вместо растровых объектов. Всё, что можно сделать вектором — делайте вектором. Это даёт полный контроль над формой.
  • Комбинируйте Subtract и маски. Например, сделайте основную форму через Subtract, а детали — через маски.
  • Не бойтесь разбивать объекты. Иногда проще удалить часть фигуры, разделив её на сегменты, чем пытаться модифицировать один сложный путь.
  • Используйте плагины. Плагины вроде Vectorizer, Mask to Frame или Boolean Operations расширяют возможности редактирования.
  • Работайте с историей изменений. Figma сохраняет до 60 минут истории. Если что-то пошло не так — легко вернуться назад.

Также помните: в Figma нет «необратимых действий». Даже после применения Subtract вы можете отменить операцию или дублировать исходный объект перед модификацией.

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

«Многие начинающие дизайнеры ищут в Figma то, к чему привыкли в других программах. Но Figma — это не Photoshop. Здесь важно переосмыслить подход: не стирать, а конструировать. Ластик здесь — это не инструмент, а комбинация методов: векторное редактирование, булевы операции, маски. Освоив их, вы получаете больше контроля и гибкости.» — Дмитрий Смирнов, арт-директор, 12 лет в digital-дизайне

По словам эксперта, переход от растровой логики к векторной — ключевой этап освоения Figma. Те, кто принимает эту философию, начинают работать быстрее и качественнее.

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

Можно ли сделать ластик, как в Photoshop, в Figma?
Нет, отдельного инструмента «ластик» в Figma не существует. Вместо этого используются векторное редактирование, булевы операции и маски. Это даёт более точный и редактируемый результат, хотя и требует другого подхода.
Как удалить часть изображения в Figma?
Изображения нельзя редактировать как векторы. Чтобы «стереть» часть, используйте маску: поместите изображение внутрь фигуры и примените Create Mask. Альтернатива — обрезка через фрейм с включённым Clip content.
Почему после Subtract фигура теряет стиль заливки?
После булевой операции Figma объединяет объекты, и стили могут сбрасываться. Решение — применить стили заново или использовать плагины, сохраняющие оформление (например, Stylizer).
Можно ли отменить Subtract?
Да, используйте Ctrl+Z. Также можно дублировать исходные фигуры перед операцией, чтобы иметь резервные копии.
Как вырезать внутреннюю часть фигуры (например, сделать кольцо)?
Нарисуйте большой круг, затем меньший круг поверх. Выделите оба и примените 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.

Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.