Режим Image — последний из режимов в списке, но один из важнейших. Позволяет накладывать на фигуры растровую заливку: фотографии, паттерны и текстуры.
Важно понять эту концепцию. Если в Figma вставить любой JPG или PNG-файл, он появится на холсте как векторный прямоугольник. Растровое изображение будет наложено на него в режиме Image. Вставляем растровый файл в Figma. Это можно сделать перетаскиванием или командой Place Image/video, Shift Cmd K.
<aside> 🔗 Источник фото: Roshan Patel, Smithsonian’s National Zoo
</aside>
В отличие от всех остальных режимов заливок, если выделить слой с растром и нажать Enter, мы перейдём в панель работы с заливкой, а не в режим редактирования векторной фигуры. Так интерфейс расставляет акценты, что в режиме Image пользователю важнее работать с заливкой, а не с шейпом.
Растровые объекты в Figma редактируем только через заливку.
Выделяем слой с фото и открываем панель заливки, Enter.
Сам режим заливки Image может быть в 4 вариантах.
Fill — вся площадь векторной рамки заполняется растром.
Fit — растр вписан в векторную рамку.
Crop — режим, в котором можно тонко настроить, как нужно кадрировать растр, меняя форму векторной рамки, наклоняя или искажая пропорции растра.
Tile — режим, в котором растр используется как паттерн и заполняет собой площадь фигуры словно плитка.
