Где в фигме ластик
В Figma нет отдельного инструмента «ластик» в привычном понимании, как в графических редакторах типа Photoshop. Удаление элементов или их частей выполняется через комбинации клавиш, булевы операции, маскирование или редактирование узлов контура. Основной способ быстро убрать объект — выделить его и нажать клавишу Delete.
Figma — это векторный редактор, ориентированный на проектирование интерфейсов, а не на пиксельную живопись. Поэтому здесь не реализован классический «ластик», стирающий фрагменты изображения по кисточке. Вместо этого разработчики заложили более точные и контролируемые методы редактирования: удаление, вычитание фигур, маскирование и работа с узлами. Это делает процесс более предсказуемым и совместимым с принципами систематизации, которые важны в UI/UX-дизайне.
Для новичков такая логика может показаться неочевидной. Особенно если они пришли из мира Adobe Photoshop или Illustrator, где ластик — стандартный инструмент. Однако уже через несколько дней работы становится ясно: в Figma удаление — это не «стереть», а «перестроить». Такой подход снижает риск случайных изменений и упрощает командную работу, ведь все действия остаются прозрачными и легко восстанавливаемыми через историю версий.
- Инструменты для удаления: что заменяет ластик
- Как использовать Node Tool для точечного удаления
- Как удалить часть фигуры: пошаговые методы
- Удаление с помощью маски
- Булевы операции: мощный аналог ластика
- Советы по использованию Subtract
- Маски и кадрирование: скрытие без удаления
- Когда выбирать маску, а когда — вычитание?
- Горячие клавиши: быстрое удаление в один клик
- Типичные ошибки и как их избежать
- Экспертное мнение: как профессионалы работают с удалением
- Частые вопросы и ответы
- Заключение
Инструменты для удаления: что заменяет ластик
Figma предлагает несколько эффективных способов удалить содержимое, не прибегая к пиксельному стиранию. Все они основаны на векторной логике и подчинены принципам модульности и реверсивности. Каждое действие можно отменить или изменить позже, что особенно важно при работе над крупными проектами.
Основные инструменты:
- Клавиша Delete — самый простой способ удалить выделенный объект.
- Редактирование узлов (Node Tool) — позволяет удалять точки контура и изменять форму.
- Булевы операции — вычитание одной фигуры из другой, имитируя эффект ластика.
- Маски — скрывают части слоёв без фактического удаления.
- Frame с clipping — обрезка содержимого рамки.
При этом ни один из этих инструментов не работает как кисть-ластик, затирающая произвольные участки. Вместо этого Figma заставляет дизайнера думать структурно: «Что именно нужно убрать? Как это повлияет на компонент? Можно ли это восстановить?»
Как использовать Node Tool для точечного удаления
Инструмент редактирования узлов (N) — ближайший аналог ластика при работе с контурами. Он позволяет:
- Выделить фигуру с помощью Selection Tool (V).
- Нажать N или выбрать иконку узла в панели слева.
- Щёлкнуть по контуру, чтобы увидеть управляющие точки.
- Выделить одну или несколько точек и нажать Delete.
После удаления точек фигура перестраивается автоматически. Это полезно при создании сложных форм или корректировке иконок. Например, если нужно «откусить» угол у прямоугольника, достаточно добавить точку на стороне и удалить нужный угол.
Как удалить часть фигуры: пошаговые методы
Хотя в Figma нельзя просто «стереть» фрагмент фигуры кистью, есть несколько рабочих решений, которые дают тот же визуальный результат.
Первый подход — использование временной фигуры для вычитания:
- Нарисуйте фигуру (например, круг), которую хотите изменить.
- Поверх неё добавьте другую фигуру (например, квадрат) в том месте, где нужно «стереть».
- Выделите обе фигуры.
- Нажмите кнопку Subtract в верхней панели или используйте сочетание Ctrl+Shift+- (Windows) / Cmd+Shift+- (Mac).
В результате получится первая фигура с «вырезанным» участком. Это не удаление в классическом смысле, но визуально — то же самое, что сделал бы ластик.
Удаление с помощью маски
Маскирование — ещё один способ скрыть часть объекта. Это не удаляет пиксели, но скрывает их:
- Создайте фигуру, которая будет служить маской (например, прямоугольник).
- Поместите поверх неё изображение или векторный объект.
- Выделите оба слоя.
- Нажмите правой кнопкой → Create Mask или Ctrl+Alt+M.
Теперь всё, что выходит за границы маски, будет скрыто. При необходимости можно изменить форму маски или отключить её.
Метод |
Когда использовать |
Минусы |
|---|---|---|
Subtract (вычитание) |
Когда нужно навсегда изменить форму вектора |
Превращает объект в compound path, теряются оригинальные свойства |
Mask (маска) |
Когда нужно временно скрыть часть, например, аватарку |
Не удаляет данные, увеличивает нагрузку на файл |
Clipping в Frame |
Для макетов с прокруткой или каруселями |
Ограничен функционалом фреймов |
Булевы операции: мощный аналог ластика
Булевы операции — основа векторного редактирования в Figma. Они позволяют комбинировать фигуры, включая вычитание, которое часто используется как замена ластику.
Доступные операции:
- Union — объединение фигур.
- Subtract — вычитание верхней фигуры из нижней.
- Intersect — оставляет только пересечение.
- Exclude — исключает пересечение.
Subtract — ключевой инструмент для «удаления» частей. Например, чтобы сделать отверстие в кнопке, достаточно нарисовать круг сверху и применить Subtract. Результат — векторная фигура с прозрачным участком.
Советы по использованию Subtract
- Всегда располагайте фигуру-«ластик» выше по слоям.
- После вычитания объект становится составным — редактировать его можно только через Node Tool.
- Чтобы вернуться к исходным фигурам, используйте Detach Instance (если это компонент) или отмену действия Ctrl+Z.
Маски и кадрирование: скрытие без удаления
Маскирование — гибкий способ управлять видимостью, не уничтожая данные. Это особенно полезно при работе с изображениями, текстом и анимацией.
Два способа создания маски:
- Создать маску через контекстное меню: выделить два слоя (нижний — маска, верхний — содержимое), ПКМ → Create Mask.
- Использовать фрейм с включённым clipping: выделить фрейм → в правой панели включить Clip content.
Разница в том, что маска через ПКМ создаёт отдельный mask-объект, а clipping — свойство фрейма. Второй способ легче и чаще используется в прототипировании.
Когда выбирать маску, а когда — вычитание?
Выбор зависит от задачи:
- Если нужно навсегда изменить форму — используйте Subtract.
- Если нужно временно скрыть или анимировать появление — маска.
- Если работаете с растровыми изображениями — маска предпочтительнее.
Горячие клавиши: быстрое удаление в один клик
Скорость работы в Figma во многом зависит от знания горячих клавиш. Вот основные комбинации для удаления:
Действие |
Windows |
Mac |
|---|---|---|
Удалить объект |
Delete |
Delete / Fn+Backspace |
Вычитание фигур |
Ctrl+Shift+- |
Cmd+Shift+- |
Объединение фигур |
Ctrl+Shift++ |
Cmd+Shift++ |
Отмена |
Ctrl+Z |
Cmd+Z |
Повтор |
Ctrl+Y |
Cmd+Shift+Z |
Также полезно знать:
- B — Boolean operations (быстрый доступ к Union, Subtract и др.).
- N — Node Tool, для редактирования узлов.
- Ctrl+Alt+M / Cmd+Option+M — создать маску.
Автоматизация через плагины:
- Remove BG — удаляет фон с изображений (аналог ластика для фото).
- Vector Cleaner — удаляет лишние узлы, оптимизирует контуры.
- Mask Manager — упрощает работу с масками.
Типичные ошибки и как их избежать
Новички часто сталкиваются с проблемами при попытке «стереть» что-либо в Figma. Вот самые частые ошибки:
- Ошибка: Нажимают Delete, но ничего не удаляется.
Причина: ничего не выделено. Решение: кликните по объекту перед удалением. - Ошибка: Применяют Subtract, но фигура исчезает полностью.
Причина: маска больше объекта. Решение: проверьте размеры и порядок слоёв. - Ошибка: Не видят опцию Create Mask.
Причина: выбран один слой. Нужно выделить минимум два: маску и содержимое. - Ошибка: После вычитания нельзя изменить цвет.
Причина: объект стал compound path. Решение: редактируйте через Fill в правой панели.
Экспертное мнение: как профессионалы работают с удалением
Алексей Фролов, lead UX designer в компании «СберИнтерфейсы», делится практикой:
Он также отмечает, что в командной работе важно избегать «невидимых» изменений. Именно поэтому Figma не добавляет ластик — каждое действие должно быть явным и отслеживаемым.
Частые вопросы и ответы
- Почему в Figma нет ластика?
Figma — векторный редактор, ориентированный на точность. Ластик вводит неопределённость, а Figma предпочитает контролируемые операции: вычитание, маски, удаление. Это соответствует принципам системного дизайна. - Можно ли стереть часть текста?
Только через редактирование: выделите символы и нажмите Delete. Прямого стирания контура текста нет, пока он не конвертирован в кривые (Create Outlines). - Как удалить часть изображения?
Используйте маску или фрейм с clipping. Для сложных вырезов — внешний редактор (Photoshop, Remove.bg), затем импорт в Figma. - Что делать, если случайно удалил объект?
Нажмите Ctrl+Z (или Cmd+Z). Figma хранит историю до 30 дней. Также можно восстановить из Version History. - Есть ли плагин-ластик?
Нет официальных плагинов, имитирующих ластик. Но есть инструменты вроде Vector Erase, которые упрощают удаление узлов.
Заключение
В Figma нет ластика — и это не недостаток, а осознанный выбор. Инструменты удаления здесь построены на принципах точности, обратимости и прозрачности. Вместо хаотичного стирания вы получаете контроль над каждым действием.
- Ластика в Figma нет — удаление происходит через Delete, Subtract или маски.
- Subtract — лучший способ «стереть» часть фигуры.
- Маски идеальны для временного скрытия содержимого.
- Горячие клавиши ускоряют работу в разы.
- Все действия можно отменить или восстановить через историю.
⚠️ Дисклеймер — нажмите, чтобы развернуть
Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.
Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».
Упоминание товарных знаков, брендов и организаций носит исключительно информационный характер и не означает наличие партнёрских отношений или одобрения со стороны правообладателей.
Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.
Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.
Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.
Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.
Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.
Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.
Изображения и иллюстрации используются на условиях, разрешённых правообладателями. При возникновении претензий редакция готова оперативно рассмотреть обращение и внести необходимые изменения.
Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.
Мнения авторов могут не совпадать с позицией государственных органов или коммерческих организаций, упомянутых в материалах.