полезные ресурсы

и плагины для
карточек товаров

@dmi.design
ИКОНКИ

@dmi.design
iconify

плагин для фигмы

особенности:

01 поиск только на английском

языке

02 сложно найти иконки на узко

специализированные темы

03 все иконки в svg, а это значит,

что можно легко менять их цвет,
добавлять обводку и проч.

04 плагин абсолютно бесплатный

@dmi.design
icons8

плагин для фигмы

особенности:

01 возможен поиск иконок

на русском языке

02 более 300 000 иконок, фото и

иллюстраций на разные темы

03 svg иконки и иллюстрации

платные, бесплатно их можно
загрузить только в png

@dmi.design
material design icons

плагин для фигмы

особенности:

01 поиск только на английском

языке

02 сложно найти иконки на узко

специализированные темы

03 все иконки можно бесплатно

скачать в svg и png

@dmi.design
flaticon

сайт

особенности:

01 возможен поиск иконок

на русском языке

02 более 6,4 млн иконок в разных

стилях на любую тематику

03 svg иконки платные, бесплатно

их можно загрузить только в png

@dmi.design
iconscout

сайт
особенности:

01 поиск иконок только

на английском языке
более 3,9 млн иконок и не только 

02 в разных стилях на любую
тематику
есть бесплатные иконки в svg,
03 но их количество ограничено,
для доступа ко всем иконкам
нужно оформить подписку

04 удобный фильтр иконок

по стилю и стоимости

@dmi.design
как превратить png иконку в svg?
Скачиваем плагин для Фигмы Quick Tracing и делаем трассировку.

Трассировка - это преобразование растрового изображения в векторное.

вставляем в Фигму делаем трассировку меняем цвет,

устанавливаем плагин Quick Tracing png иконку через плагин добавляем
обводку и проч.

@dmi.design
ФОТОГРАФИИ,

ИЛЛЮСТРАЦИИ,

ШАБЛОНЫ
@dmi.design
freepik

сайт

особенности:

01 много бесплатных шаблонов,

стилей для текста, фотографий
и иллюстраций на любую тему

02 есть векторные и растровые

элементы

03 для открытия векторных

элементов понадобится
программа Adobe Illustrator

@dmi.design
unsplash

сайт и плагин

особенности:

01 поиск только на английском

языке

02 можно найти интересные

фотографии на любую тему

03 абсолютно бесплатные
фотографии

04 есть плагин для Фигмы

@dmi.design
envato elements

сайт

особенности:

01 есть бесплатный
пробный период 7 дней

02 можно найти элементы

на любую тему

03 неограниченные
скачивания

@dmi.design
ЦВЕТОКОРРЕКЦИЯ

@dmi.design
FILTER / EFFECTS

плагин для фигмы

особенности:

01 есть фильтры, как в Фотошопе

(Hue/Saturation, Curves, Blur и др.)

02 большинство фильтров
бесплатные

03 простой, интуитивно понятный

интерфейс

@dmi.design
photopea

плагин для фигмы

особенности:

01 Фотошоп внутри Фигмы, те же

функции (маски, фильтры,
кисти и т.д.)
02 бесплатный плагин

03 простой, интуитивно понятный

интерфейс

@dmi.design
УДАЛЕНИЕ ФОНА

@dmi.design
icons8 background remover

плагин для фигмы

особенности:

01 нет ограничений на количество

изображений

02 не ухудшает качество изображения

при удалении фона

03 иногда может удалить сложный

неоднородный фон

04 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
remove bg

плагин для фигмы

особенности:

01 в бесплатной версии можно удалить

фон только 50 раз в месяц

02 ухудшает качество изображения

и уменьшает его разрешение 

в бесплатной версии

03 иногда хорошо справляется со

сложным неоднородным фоном,
круто вырезает волосы

04 необходима регистрация на сайте

remove.bg

@dmi.design
РАБОТА С ТЕКСТОМ

@dmi.design
font viewer

плагин для фигмы

особенности:

01 плагин позволяет заранее

просматривать, как выглядят
шрифты

02 удобно сразу выбрать нужный

шрифт

03 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
font switcher

плагин для фигмы

особенности:

01 позволяет легко заменить

выделенный шрифт на любой
другой

02 нет возможности заранее

просмотреть, как выглядят шрифты

03 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
 ПРОЧИЕ КРУТЫЕ
ПЛАГИНЫ для фигмы

@dmi.design
to path

плагин для фигмы

особенности:

01 помещает любые объекты или

текст на путь

02 может быть полезен, если нужно,

допустим, разместить текст по кругу

03 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
vivid gradient

плагин для фигмы

особенности:

01 в два клика улучшает градиент,

делает его более приятным

02 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
similayer

плагин для фигмы

особенности:

01 позволяет сразу выделить все

объекты, имеющие одинаковые
характеристики (цвет, размер и др.)

02 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
blobs

плагин для фигмы

особенности:

01 создает уникальные фигуры

заданной сложности
все фигуры создаются в svg,
02 можно менять их цвет, размер,
обводку и проч.

03 абсолютно бесплатный плагин,

не требует регистрации

@dmi.design
SKEWdat

плагин для фигмы

особенности:

01 искажает текст или фигуру

по горизонтали и по вертикали

02 абсолютно бесплатный плагин,

не требует регистрации, очень
простой в использовании

@dmi.design
МОКАПЫ

@dmi.design
clay mockups 3d

плагин для фигмы

особенности:

01 можно настроить цвет, ракурс

камеры и модель устройства

02 включает мокапы для iPhone 11,

Pixel 4 и Macbook Pro.

03 абсолютно бесплатный плагин,

можно выгрузить мокапы

в высоком качестве без фона

@dmi.design
freepik

CАЙТ

особенности:

01 очень много бесплатных

мокапов

02 для открытия мокапов

понадобится Adobe Photoshop

@dmi.design
SMARTMOCKUPS

CАЙТ

особенности:

01 огромный выбор мокапов, есть

платные и бесплатные мокапы

02 картинки выгружаются с фоном,

придется отдельно его удалять

03 бесплатно можно выгрузить

только в среднем качестве,

но для карточек это ок.

@dmi.design