Как вставить картинку в фигме за 1 клик с сайта Unsplash
Плагины, Уроки

Как вставить картинку в фигме за 1 клик с сайта Unsplash

В этом обзоре вы узнаете как вставить картинку в фигме с использованием специального плагина. Этот плагин вставляет фотографии с сайта unsplash.com

В чем особенности сайта unsplash? Там размещаются фотографии, которые можно использовать в любых целях: как собственных, так и коммерческих.

Установка плагина Unsplash

Установка плагина unsplash в фигме
Установка плагина Unsplash в Figma с официального сайта

Чтобы установить плагин «Unsplash» перейдите на официальный сайт фигмы, где расположен плагин. Нажмите в правой, верхней области на кнопку «Install».

Также можно найти его в разделе «Community» на главной странице фигмы во вкладке «Plagins».

Как активировать плагин:

Чтобы активировать плагин Unsplash в Figma, кликните на иконку меню в левой, верхней стороне. Затем перейдите во вкладку «Plagins» и выберите надпись «Unsplash».

Активация плагина unsplash в фигме

Как устроен плагин «Unsplash» и какие у него есть функции

После активации плагина, перед вами появится всплывающее окно. Функции у плагина следующие.

Как вставить фотографию в фигме. Функции плагина unsplash

Во вкладке «Random» можно вставлять случайные фотографии из определенных разделов.

Есть следующие категории фотографий:

  • Животные — animal.
  • Архитектура — arhitecture.
  • Исскуство — art.
  • Бизнес — business.
  • Красочные фотографии — colorful.
  • Еда — food.
  • Интерьер — interior.
  • Минималистичные фото.
  • Природа — nature.
  • Растения — pant.
  • Портреты — portrait.
  • Космос — space.
  • Технологии — technology.
  • Текстуры — texture.

Если переключитесь во вкладку «Search», то можно осуществлять поиск по фото. Для этого введите запрос в окно поиска на нажмите синею кнопку справа.

Как вставить картинку в фигме. Unsplash — поиск изображений

Как вставлять фотографии в Figma и работать с плагином

Вставка изображения на свободную область:

1. Чтобы вставить изображение из раздела «Random» нажмите на нужную категорию.

Как вставить картинку в фигме, плагин unsplash в разделе «Random»

2. Для вставки картинок из раздела «Search», введите нужный запрос на английском выберите понравившуюся картинку.

Как вставить картинку в фигме Unsplash — из раздела поиск

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

С помощью плагина Unsplash вы можете вставлять картинки в различные фигуры. Фигуры можете создать с помощью стандартных инструментов фигмы (Shape tools), в верхней, левой панели фигмы.

Инструкция по массовой вставке изображений

Вставим фотографии в прямоугольники. Для этого выделяю нужные прямоугольники и для примера выбираю категорию «Nature».

Как вставить картинку в фигме в прямоугольники


Вставка изобрежений в figma в прямоугольники

Аналогично можно вставлять фотографии в другие фигуры (прямоугольники, квадраты, круги, многоугольники, треугольники, звезды и т.д). Для этого выберите нужную фигуру и нажмите на изображение в плагине «Unsplash».

Вставка изображений в figma в фигуру с плагином unsplash

В этой статье вы узнали как вставить картинку в фигме легко и просто с помощью плагина «Unsplash». Изучите другие полезные плагины, которые мы разбираем в разделе плагины.

P.S. Получите бонусные материалы для Figma. 24 раздела Landing Page, для прототипов и дизайна, чтобы ускорить ваш дизайн процесс.

Дизайн генератор — комплект figma

P.P.S. Проект и автор не связан с компанией Figma (Not affiliated with Figma).