Mapsicle – карты для дизайна в Figma [Плагин]


В дизайне 10 из 10 сайтов вам потребуется вставить карту, и как правило мы оставляем либо пустое место («Здесь будет карта»), либо делаем скриншот из карт Google или Yandex. И тот и другой вариант не особенно удобны, и, к счастью, есть плагин для вставки карты прямо в проект — Mapsicle.

Карта для Figma - темный скин
Карта для Figma — темный скин

Плагин формирует карту на основе сервиса mapbox и вставляет ее как изображение. 

Доступные настройки:

  1. Координаты
  2. Высота
  3. Размеры карты (фактический размер фонового изображения после вставки)
  4. Стиль 
  5. Наклон (перспектива)
  6. Поворот камеры
Карта для Figma - настройка
Карта для Figma — настройка

Из некоторых неудобств: при использовании в России — карта генерируется не на основе Яндекса или Гугла — поэтому финальный результат на сайте так или иначе будет отличаться от представленного в макете. 

Ссылка на плагин: https://www.figma.com/c/plugin/736458162635847353/Mapsicle

Как устанавливать плагины: читайте по ссылке. 

 

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


По теме:


Бесплатные иконки

Векторные и растровые иконки, бесплатные для коммерческого использования

Анимированные SVG иконки Изометрические иконки