5 полезных плагинов для Figma: 3D-иллюстрации
Как быстро добавить на макет реалистичный мокап, иллюстрацию и написать текст в стиле WordArt.
![](https://248006.selcdn.ru/main/iblock/be1/be15bac767d22e0ad4565b99589eff9d/68ecdce6015080fde41ef0f4993ff7eb.png)
![](https://248006.selcdn.ru/main/iblock/be1/be15bac767d22e0ad4565b99589eff9d/68ecdce6015080fde41ef0f4993ff7eb.png)
OlyaSnow для Skillbox Media
Стандартные функции Figma не позволяют работать с 3D. Например, вы не сможете превратить плоский объект в трёхмерный или редактировать объёмный мокап. В этом вам помогут плагины, которые расширяют функционал графического редактора.
Рассказываем, какие плагины для Figma помогут вам работать с 3D-иллюстрациями.
3D Transformer
Иногда для портфолио дизайнеры искажают перспективу своих макетов так, чтобы они выглядели трёхмерными. Это можно быстро сделать в Photoshop, но пройдёт целая вечность, пока его откроешь. Эту же задачу можно решить прямо в Figma с помощью плагина Attention Insight.
![](/upload/setka_images/08010707102021_6be0bb23ae629cfdfd3115884c4d80c36e5bb646.png)
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши на любой фрейм, в выпадающем меню перейдите в пункт Plugins и выберите 3D Transformer.
- Измените настройки перспективы и нажмите на кнопку Insert Layer.
![](/upload/setka_images/08010807102021_f8e2668d468d0a83016bd9d8a261b330ff850882.gif)
Vectary 3D Elements
На презентации проекта дизайнеры стараются показать, как работа будет выглядеть в жизни. Для этого используют мокапы, но найти подходящий и бесплатный бывает не так просто.
Коллекция мокапов в плагине Vectary 3D Elements поможет показать, как ваш дизайн выглядит в деле — хоть на экране айфона, хоть на балончике с краской, хоть на худи, хоть на скафандре!
![](/upload/setka_images/08010707102021_2c7175fd6a9cad8f066feb408f04fda6e1f91f13.png)
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Vectary 3D Elements.
- В открывшемся окне выберите подходящий мокап.
- Выберите на макете фрейм, который нужно поместить на мокап, и нажмите кнопку Load Frame.
- Поставьте элемент в нужное положение, настройте свет и нажмите кнопку Export Image.
Также плагин позволяет выгрузить раскладку текстуры для макета и использовать собственную 3D-модель.
![](/upload/setka_images/08021407102021_b1f5fb33da8f50f319a53de56ac6374150b960ea.gif)
Roto
Если вам вдруг понадобятся 3D-надписи, не обязательно делать их в сторонних сервисах или в Blender. Решить эту задачу в Figma поможет плагин Roto, который делает объёмными любые фигуры и текстовые блоки.
![](/upload/setka_images/08034807102021_cfb58f802c32089b9656123f5e20a024180e39ec.png)
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши на любую фигуру или текстовый блок, в выпадающем меню перейдите в пункт Plugins и выберите Roto.
- Измените настройки перспективы и нажмите на кнопку OK. Все изменения объекта отображаются прямо на макете.
![](/upload/setka_images/08040507102021_9f4177150537e15f4549b4114125e7b7fd1ba2c4.gif)
Handz 3D Illustration
В любом лендинге есть акцентные иллюстрации, которые помогают читателю понять структуру статьи и направляют его внимание. Если у вас нет под рукой иллюстратора, а лендинг нужно скоро показывать клиенту, попробуйте использовать коллекцию рук из плагина Handz 3D Illustration.
![](/upload/setka_images/08043407102021_885bfcd3fe2d6565fa8d1f43e42141441e5f2814.png)
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Handz 3D Illustration.
- В появившемся меню выберите цвет кожи рук и одежду. Нажмите на любую из них, и она появится на макете.
![](/upload/setka_images/08010707102021_7e362904b7d857173ea1dbafb405ab1977cbbb2a.gif)
Addjust
Ещё один набор 3D-иллюстраций, но уже с сортировкой по категориям — соцсети, абстракции, руки, примитивы. У каждой можно изменить цвета, перспективу и размер.
Бесплатно доступны не все настройки. Доступ ко всем функциям обойдётся в 12 долларов в месяц.
![](/upload/setka_images/08053007102021_aa943bcb34f27178b38b1b29d83e98646cdca2dd.png)
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши макет, в выпадающем меню перейдите в пункт Addjust.
- В появившемся меню выберите нужную категорию и иллюстрацию.
- Укажите размер, перспективу и цвета. Первый цвет — блики, второй — заливка. Меняться иллюстрация будет прямо на макете.
![](/upload/setka_images/08053107102021_08b05e7a793ee96c87ad6538ed513e45f4ce5704.gif)
Больше интересного про дизайн в нашем телеграм-канале. Подписывайтесь!