Figma – онлайн-сервис известный большинству дизайнеров и не только. С каждым годом он только набирает свою популярность. Для расширения возможностей этого сервиса, в нем есть встроенные плагины, которые помогут вам в решении разных задач или сэкономят время.
На данный момент для Figma есть большое количество плагинов, но как показывает практика новички в сфере дизайна не знают, какие есть и какой у них функционал.
Плагины для Figma разрабатывают его пользователи. Так что если вы знаете языки программирования – let’s do it.
В первой части мы разберем 10 одни из самых полезных плагинов (на мой скромный взгляд), чтобы вы могли сделать процесс работы более «приятным».
Coda for Figma
Это плагин, который работает с инструментом генерации документов под названием Coda. Благодаря плагину вы можете заполнить макеты данными из таких сервисов, как Spotify, Wikipedia, Gmail, Календарь Google, Jira, Shopify и т. д.
Table Paste
Этот плагин поможет тем, кому необходимо перенести данные из таблиц Excel в стилизованные таблицы, созданные в Figma.
Вы создаете строку таблицы в Figma с текстовым полем для каждой ячейки, а затем делаете из нее компонент. Затем вы создаете таблицу из этих строк и выбираете строки таблицы, к которым хотите применить данные. После этого в Excel нужно выбрать данные и скопировать их в таблицу Figma.
Material Palette
Этот плагин был создан для фанатов Material Design, которые любят создавать Material палитры. Теперь можно создавать палитры в Figma.
Доступны 3 типа палитр: Material, Monochrome и True monochrome. Мы надеемся, что в следующем обновлении Google обновит эту палитру, потому что некоторые цвета содержат огромные промежутки и требуют балансировки.
Style Organizer
Плагин отображает и структурирует цветовые стили на странице. Структурировав стили, инструмент автоматически сгенерирует цветовую палитру. Но хочу заметить, что в плагине игнорируется заливка, обводка изображений, невидимые отступы слоев, невидимые ноды. Для того, чтобы изменения в работе отобразились вам нужно нажать кнопку «Обновить» после внесения изменений.
Vector Maps
Плагин Vector Maps позволяет загружать в макеты Figma векторные карты стран, регионов и городов. Найти страну или регион можно по названию или выбрать их на карте.
Векторная карта будет импортирована в Figma в виде отдельного фрейма.
Webgradients
Этот плагин генерирует градиенты, которые помогут вашим дизайнам выглядеть потрясающе. Вы можете использовать цветовой фильтр, чтобы найти нужные вам вариации (180 цветов). Так же те, которые понравятся, можно добавить в избранное.
Sitemap
Если вам нужно составить карту своего сайта — этот плагин поможет вам с этой задачей.
Введите или вставьте URL вашего сайта, нажмите «Создать карту». Плагин будет отображать все ссылки, которые он найдет из источника HTML.
TinyImage Compressor
Вы можете использовать этот плагин при экспорте изображений. Он сжимает размер ваших файлов до 90% лучше, чем экспорт по умолчанию из Figma. Плагин запоминает настройки во время экспорта. При экспорте нескольких изображений плагин автоматически экспортирует их в виде ZIP-папки.
Но после 15 сжатий файлов через TinyImage вам будет предложено приобрести лицензию.
Design Lint
Шикарный плагин, который проверит расхождения в ваших макетах (то есть находит недостающие стили в ваших проектах во всех слоях – проверяет цвета, шрифты, эффекты, заливки, обводки, border-radius) и исправляет несоответствия. При внесении исправлений во время работы будет автоматически обновляться.
Отличный инструмент, который сохранит вам кучу времени (особенно в работе с большими проектами).
Spell Inspector
Spell Inspector поможет вам исправить ошибки в тексте! Плагин проверяет страницу, на которой вы хотите найти орфографические ошибки, и выдает список соответствующих предложений.
Он, кончено, еще сыроват, полностью на него рассчитывать не стоит. Но, думаю, в скором времени его усовершенствуют настолько, что мы вообще забудем об орфографических ошибках в тексте.
Figma становится все более удобной и ее функции расширяются, благодаря плагинам, и, конечно, разработчикам данного онлайн-сервиса.
В скором времени выйдет вторая статья с топовыми плагинами❤
