Как в фигме отразить картинку

Для этого нам понадобиться использовать клавиатурные сокращения Shift + H (отразить картинку по горизонтали), Shift + V (отразить по вертикали). Либо использовать в меню дублирующие пункты.

Работа с изображениями

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

Самый простой способ – просто перетащить изображение в окно проекта, и оно импортируется со своими оригинальными размерами.Также есть способ вставить через фигуры. Об этом ниже.

Как обрезать картинку в фигме

Для решение этой проблемы нам понадобиться использовать такую функцию, как создание маски. Пользователи Photoshop разберутся легко, так как процесс выстроен абсолютно аналогичным образом.

Для этого нам понадобиться:

  1. Перенести картинку в проект (см. выше)
  2. Создать фигуру по размеру нужно обрезки
  3. Выделяем оба слоя, используем клавиатурное сокращение Ctrl + Alt + M – маска готова.

Важно, чтобы в иерархии картинка была выше, чем фигура.

Специально на эту тему я подготовил видео, где я наглядно показываю, как работать с изображениями в Figma.




Важно! Для того, чтобы на практике понять, какими функциями обладает программа - рекомендую ознакомиться с готовыми шаблонами Figma. В них вы сможете отработать новые для вас функции, объекты, фишки и т.д. Ссылки на шаблоны: ссылка 1 и ссылка 2