Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 Многие процессы в дизайне можно автоматизировать - например, делегировать рутинные задачи нейросетям. А также использовать онлайн-сервисы для фидбэка, планирования работы, организации времени. Собрали инструменты, которые помогут повысить эффективность.

2 <a>Automator</a>. Плагин в Figma, который работает по аналогии с экшенами в Photoshop. Automator позволяет записать последовательность действий, сохранить её и запускать при необходимости.

3 Интерфейс<a>Automator</a>Скриншот:<a>Automator</a>/ Skillbox MediaВ окне Automator можно выстраивать последовательность, которая потом будет воспроизводиться. Из большого списка действий пользователь выбирает нужные и задаёт их характеристики.

4 Например, у действия "Создать фрейм" (Create Frame) можно задать его размеры, расположение на холсте, параметры заливки. Доступны десятки действий, включая разные опции работы с компонентами и настройки анимации для прототипа.

5 У Automator есть сообщество, где люди делятся готовыми автоматизациями, их можно найти<a>на сайте</a>или прямо в интерфейсе плагина. Последний вариант удобнее, потому что позволяет запустить автоматизацию в один клик.

6 Интерфейс<a>Automator</a>, раздел CommunityСкриншот:<a>Figma</a>/ Skillbox Media<a>Icon Scaling</a>. Плагин в Figma, который генерирует иконки разного размера и с разной толщиной. У плагина нет интерфейса и нельзя выбрать параметры самостоятельно, он сам делает три новых варианта иконки - в большинстве случаев этого достаточно.

7 После запуска плагина нужно выделить иконку-компонент. Через несколько секунд плагин выдаст варианты с разным размером и толщиной.

8 Работа<a>Icon Scaling</a>Скриншот:<a>Figma</a>/ Skillbox Media<a>Flair</a>. Нейросеть генерирует фоны для карточек товаров. Изображение товара можно выбрать из библиотеки на сайте или загрузить собственную фотографию. Сервис предложит удалить фон, а затем выбрать стиль и сгенерировать уникальный.

9 Нейросеть неплохо справляется с цветокоррекцией и отражениями: товар не смотрится "вырезанным" на фоне, а органично вписывается в среду. Если генерация не понравилась, можно запустить её заново или заменить фото продукта. Также в редакторе есть декоративные рисованные элементы, которые можно вставлять на карточку товара.

10 Интерфейс<a>Flair</a>Скриншот: сайт<a>Flair</a>/ Skillbox Media<a>Mirage</a>.Это сток, в котором хранятся работы от нейросети - фото, видео, 3D-изображения, иконки. Во время поиска можно не только искать нужное среди готовых картинок, но и сгенерировать свою по запросу. Так можно получить уникальную фотореалистичную картинку от нейронки или 3D-изображение.

11 Фотографии получаются вполне правдоподобными:

12 Пример сгенерированной фотографии в <a>Mirage</a>по запросу "yellow dog sitting"Скриншот: сайт<a>Mirage</a>/ Skillbox MediaC 3D-объектами результаты не такие впечатляющие, но могут подойти в качестве исходного материала для дальнейшей доработки. Сгенерированные модели можно бесплатно скачать в формате .glb и открыть в 3D-редакторе.

13 Пример сгенерированного 3D-объекта в <a>Mirage</a>по запросу "yellow dog sitting"Скриншот: сайт<a>Mirage</a>/ Skillbox MediaТакже можно полистать поисковую выдачу и выбрать модель среди уже готовых - есть варианты неплохого качества.

14 Пример 3D-объекта из поисковой выдачи<a>Mirage</a>Скриншот: сайт<a>Mirage</a>/ Skillbox Media<a>Recraft</a>. Сервис работает по тем же принципам, что и большинство генераторов картинок вроде Midjourney. Только Recraft генерирует векторные иллюстрации.

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

16 Получившаяся картинка будет доступна для скачивания в формате .svg. Её можно перенести в Figma, при необходимости поменять цвета или подвигать кривые.

17 В бесплатной версии доступно неограниченное количество генераций и скачиваний, но картинки смогут скачать и другие пользователи. Скрыть свои работы, а также ускорить работу нейросети можно в платной версии.

18 Интерфейс<a>Recraft</a>Скриншот: сайт<a>Recraft</a>/ Skillbox Media<a>Notion</a>. Многофункциональный сервис поможет справиться с организационными моментами в работе.

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

20 Интерфейс<a>Notion</a>Скриншот: сайт<a>Notion</a>/ Skillbox Media<a>Forest</a>.Это мобильное приложение, которое поможет сохранять фокус на работе.

21 В Forest можно выбрать вид деятельности и установить таймер. Пока вы не трогаете смартфон в течение выбранного времени, у вас в приложении будет расти виртуальное дерево. Со временем вы сможете собрать целый лес. Если же вы будете отвлекаться на другие приложения в смартфоне, дерево будет гибнуть. Так с помощью геймификации приложение помогает не отвлекаться от дел.

22 Интерфейс<a>Forest</a>Скриншот:<a>Forest</a>/ Skillbox MediaПомимо приложения, есть браузерное расширение, но работает оно немного иначе. Пользователь указывает запрещённые сайты, например соцсети, и если во время работы вы попытаетесь на них зайти, дерево "умрёт".

23 <a>Index panel</a>. Это органайзер фреймов в Figma. Плагин собирает подобие оглавления файла. В настройках можно выбрать, что будет в этом оглавлении: какие страницы включать, будут ли в списке фреймы или секции, как они будут названы. Для каждого файла можно создать неограниченное число таких оглавлений с разными настройками.

24 Интерфейс<a>Index Panel</a>Скриншот: сайт<a>Figma</a>/ Skillbox MediaТак выглядит результат работы плагина. В правой колонке можно отмечать статус задач: "Не начата", "В процессе" и "Завершена".

25 Интерфейс<a>Index Panel</a>Скриншот: сайт<a>Figma</a>/ Skillbox Media<a>Todo</a>.Плагин для создания списка задач. В процессе работы он всегда будет под рукой и поможет ничего не забыть. А выполненные пункты можно отмечать, и они переместятся в нижнюю часть окна в список Completed. Плагин удобен, чтобы планировать свою работу или вносить правки в макеты.

26 Интерфейс<a>Todo</a>Скриншот: сайт<a>Todo</a>/ Skillbox Media<a>Vimeo Record</a>. Плагин позволяет быстро делать видеозапись экрана в Figma и экспортировать её. Пригодится, если трудно объяснить замечание на словах - тут вы сможете наглядно показать, что не так на макетах. Также плагин подойдёт для записи видеоуроков.

27 Интерфейс<a>Vimeo Record</a>Скриншот: сайт<a>Figma</a>/ Skillbox MediaМожно записывать только экран, только видео с камеры или сочетать запись экрана с камерой. Есть опция поделиться целым экраном или только окном, можно записывать со звуком или без.

28 Для работы потребуется бесплатно создать аккаунт в Vimeo. Там сохранится запись, вы сможете настроить к ней доступ для всех или для ограниченного круга лиц. Также получившееся видео можно скачать в формате .wbmp.