5 utility plug ins - 5 полезных плагинов Figma для ускорения вашего рабочего процесса

После запуска плагинов на прошлой неделе мы увидели ошеломляющий поток удивительных предложений от разработчиков плагинов по всему миру. Они были созданы, чтобы помочь улучшить рабочие процессы, начиная от исходников и данных и заканчивая удовлетворением требований доступности. Также было создано множество «полезных плагинов», как я их называю. Эти плагины выполняют множество полезных действий, которые ускоряют повторяющиеся задачи. В этом посте я покажу некоторые из самых интересных и полезных плагинов в этой категории и продемонстрирую, как вы можете использовать их в своем рабочем процессе. Кроме того, не забудьте проверить на следующей неделе еще одно обновление!

Viewports

Создатель: Denis Rojcyk, Digital Product Designer, kiwi.com

Viewports – это действительно полезный плагин для изменения размера вашего фрейма в зависимости от размера устройства. Сначала вам нужно будет установить ограничения для ваших элементов, затем вы можете запустить Viewports и использовать его, чтобы посмотреть, как ваш макет будет выглядеть в выбранном размере. Один из наиболее полезных аспектов этого плагина заключается в том, что для каждого размера фрейма он показывает примерную долю пользователей, просматривающих контент с определенного устройства. Это действительно полезно, чтобы понять, насколько распространены определенные размеры устройств. Известно, что Денис дальше работает над усовершенствованием плагина, чтобы в будущем выпуске включить поддержку на десктопных устройствах. Хорошие новости, вам будут доступны эти функции, как только они будут готовы, так как нет необходимости обновлять ваши плагины в Figma!

Component Cloner

Создатель: Kate Miller, Computer Science student UC Santa Cruz

Вы когда-нибудь хотели сделать копию основного компонента? Или сделать копию главного компонента и всех его экземпляров? Component Cloner сделает это для вас. Этот плагин сделает копию любого главного компонента и экземпляров, которые вы выбрали. Это отличная возможность сэкономить время в работе. К примеру: у вас есть компонент иконки, и вы хотите увидеть, как он выглядит, в нескольких вариантах цветов. Или, возможно, вы создаете иконку спрайта. Может быть, вы хотите скопировать этот компонент и все его экземпляры для следующей иконки, которую вы разрабатываете? Этот плагин полностью облегчит этот процесс!

Nisa Text Splitter

Создатель: Orkhan Jafarov, Senior Frontend Developer at Invme

Вы когда-нибудь копировали и вставляли блок текста в Figma, понимая, что хотите, чтобы каждая строка текста была отдельным объектом? Возможно, вам также нужно отсортировать эти элементы в алфавитном порядке или изменить их порядок? Nisa Text Splitter упрощает этот утомительный процесс. Просто введите или вставьте свой текст в новое текстовое поле и запустите Nisa Text Splitter. Вы можете использовать его для разделения текста на отдельные текстовые поля при каждом разрыве строки. После этого вы можете использовать плагин (или Smart Selections), чтобы изменить их порядок. Если вы хотите объединить несколько текстовых полей в одно, для этого также есть функция соединения.

Find and Replace

Создатель: Jackie Chui, UX Designer at Microsoft

Далее мы рассмотрим функции поиска и замены. Джеки работал над расширениями Figma еще до того, как Figma Plugins стала чем-то особенным. То, что начиналось как расширение для браузера, теперь превратилось в полнофункциональный плагин. Как вы уже догадались, он позволяет вам находить текст по всему документу и заменять его. Однако у этого плагина есть несколько дополнительных хитростей: помимо замены текстовых строк, вы также можете найти и заменить слои по имени. Обе операции поддерживают регистрозависимость и позволяют указать, где в строке вы хотите произвести подстановку: где угодно в тексте, в начале, в конце или только в конкретных совпадениях. У этого плагина нет недостатков, копирайтеры вашей команды оценят его сполна!

Similayer

Создатель: David Williames, Senior Product Designer for the Australia Post app

Возможно, вы уже знакомы с некоторыми работами Дэвида с плагинами Sketch, также он уже выпустил 6 для Figma! В Similayer нет недостатка в использовании – этот плагин будет выбирать из любых параметров, которые вы укажете. Если вы когда-либо использовали встроенные функции Figma «Выбрать все с одинаковыми __» из меню «Правка», вы сразу поймете как работает этот плагин. Просто выберите элемент, запустите Similayer и добавьте параметры, для которых вы хотите найти соответствия. Например: вы можете использовать его, чтобы найти все элементы с одинаковым радиусом границы или все элементы с одинаковой заливкой, обводкой и тенью! Этот плагин сэкономит вам множество кликов, когда вам нужно будет редактировать кучу похожих слоев.

Бонусный совет:

Вы можете нажать ⌘ + / (Mac) или * ctrl + / * (Windows), чтобы открыть и сместить фокус на поиск меню. Вы можете сразу же начать вводить название плагина, который вы хотите использовать, и перейти к нему с помощью клавиатуры, а затем нажать клавишу ввода, чтобы быстро запустить плагин. Кроме того, чтобы запустить предыдущий плагин, вы можете использовать сочетание клавиш ⌘ + ⌥ + P (Mac) или Ctrl + Alt + P (Windows).

Мы надеемся, что эти плагины вам пригодятся в работе с Figma. Следите за обновлениями на следующей неделе, чтобы получить еще один обзор полезных плагинов для еще больших вариантов использования. Если вы думаете о разработке собственного плагина, обязательно ознакомьтесь с нашей Plugin API documentation, чтобы узнать, как начать работу. Существует также онлайн-сообщество разработчиков Slack, с которым можно связаться!

Оригинал: Thomas Lowry

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Руководство по работе с изображениями в Figma

Не секрет, что изображения являются огромной частью мира дизайнера. От поиска и…

Лучшие практики Figma: компоненты, стили и общие библиотеки

Две самые мощные функций Figma – это компоненты и стили. Они позволяют вам повторно…

Figma оверлеи – переход протипирования на новый уровень

Благодаря новой функции наложения (оверлеев) в Figma вы теперь можете гибко отображать один контент поверх другого, взаимодействовать с ним и даже открывать несколько наложений.