Ускоряемся в Figma. Нужно больше плагинов

Несколько месяцев назад в фигме появились плагины. Это большой шаг для исследования и развития продукта в будущем. Надеюсь, лучшие войдут в базовый функционал фигмы, и это будет здорово.

За несколько месяцев использования удалось пощупать сервис и оценить, насколько это удобно и полезно. Количество плагинов растёт с каждым днём — уже не успеваем просматривать новые и следить за обновлениям, а это не может не радовать.

Сейчас ситуация такова, что большинство плагинов еще сырые и узко специализированы, зачастую полезны лишь своему создателю. Также сам по себе механизм использования не сказать, чтоб удобный — хоткеи есть только на повторение последнего использованного, а поиск нужного в списке не всегда ускоряет работу.

Минутка пессимизма закончилась! Теперь о плагинах, которые позволяют ускориться и уже реально облегчают жизнь.

Работа с данными:

Google Sheets Sync

На мой взгляд, лучший плагин для работы с данными! Их легко создавать — гугл таблицы покрывают все нужды рядового пользователя. Сортировка, фильтрация, формулы, форматы и многое другое.
Работает очень просто: данные из таблицы проставляются в слои с соответствующими названиями.
Название столбца “Name” соответствует слою с названием “#Name”. Можно брать значения из конкретных строк, например, “Name.3” берет значение из третьей строки. Есть еще много всего-всего полезного, но об этом лучше читать в документации.
Мы создали для себя таблицу со случайно сгенерёнными данными людей, пользуйтесь на здоровье.



Еще один вариант работы (без заморочек с переименованием слоев):



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

Content Reel

Плагин от Microsoft. Простой, удобный UI — отлично подойдет для маленьких проектов.
Для больших проектов слишком прост по функционалу, не гибок, не работает с компонентами, и данные все англоязычные.

Chart

Если нужно быстро вставить график, диаграмму — незаменимая вещь. Для скорости можно вставить диаграмму с рандомными данными, либо ввести данные в таблицу, либо json — это невероятно!

Работа с текстом:

Find Replace

Отлично справляется со своей задачей, если вам нужно найти и заменить текст или названия слоев. В больших проектах незаменимая вещь! Есть единственный минус: нельзя выбрать диапазон, где искать и заменять, иногда это нужно делать не по всему проекту.

Change Text

Примерно то же самое, что и Find Replace, но касается только работы с текстом. Отличительная особенность — поиск и замена производится только в выбранных элементах или фреймах, а также есть превью «было/стало», что весьма удобно.

Nisa Text Splitter

Вишенка на торте для тех, кто часто делает таблички! Пока функционал прост, но уже позволяет упростить работу с таблицами и списками. Что он делает: соединяет текстовые слои в один, разъединяет текстовый слой построчно в разные, сортирует, а также удаляет дубли и меняет порядок.

Spellcheker

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



Работает пока не идеально, ждем обновлений.

Для мобильных приложений:

️ Viewports

Позволяет очень быстро проверить макет на разных устройствах.

Responsify ️

️
Делает то же самое, но немного по–другому: сразу натягивает макет на все устройства.





На этом подборка заканчивается.

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

Надеюсь, эти плагины помогут вам работать быстрее и меньше отвлекаться на рутину!

Всем спасибо!