Изображения в Figma
Фигма позволяет форматировать фоновое изображение несколькими способами.
Изображение может служить фоном для любой векторной фигуры: текста, прямоугольника и так далее.
В Фигме для фонового изображения есть несколько режимов позиционирования:
Fill — Фигма впишет изображение в фигуру так, чтобы она полностью заполнила вектор, но при этом будет наименьший из возможных масштабов.
Применяя Fill, вы можете рассчитывать, что на итоговом изображении будет наибольшая часть фонового изображения, с учетом пропорций заливаемого объекта. Используется по умолчанию.
Fit — Фигма впишет изображение полностью в рамки родителя. Если из пропорции не совпадают точно, останутся пустые места.
Стоит использовать, когда потеря даже небольшой видимой части недопустима.
Crop — позволяет вручную выбрать часть фона, которая будет отображаться. Обратите внимание, что растягивать фон надо за тонкую рамку фона, а не за синие ползунки — они регулируют размеры родителя.
Tile — Фигма впишет фон в 100% размере.
Для сложной заливки также возможно использовать возможности маски.
Для быстрого подбора изображений можно использовать плагин Unsplash.
Обратите внимание, что одну фигуру можно залить несколькими изображениями и указать для них различную прозрачность. Нажмите на + в области с фоном, чтобы добавить новый фон.
Будем благодарны за любые комментарии и дополнения
Как залить фон рисунком? Т.е. как выложить фон плиткой из рисунка?
Попробуйте использовать заливку типа Tile, выставив масштаб так, чтобы изображение было меньше заливаемой области — его значение можно найти рядом с переключателем способа заливки. Учтите, что зазоров не будет, так что свободная область должна быть в самом исходнике.
Скриншот смотрите в самой публикации, добавлен