Мой плагин для визуализации данных в Figma уже работает!

Я сделал свой плагин для визуализации данных в Figma!

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

🔗 Это Лёша, дата-журналист, автор курса "Эстетика в графиках", а теперь ещё и разработчик плагина data-viz.me. Я уже 8 лет визуализирую данные, и заметил вот какую вещь:

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

Однако перенос графика из программ для визуализации в векторные редакторы — это всегда немножко пытка. Ты удаляешь кучу каких-то масок и лишних слоёв. Не всегда можешь поменять размеры. Тексты разбиваются на несколько блоков. Пережить можно, но хотелось бы проще.

Вот уже много лет я думаю — было бы славно, если графики можно было бы рисовать инструментами Фигмы. Но почему-то за все эти годы там не появилось хороших плагинов для визуализации. Я постараюсь эту нишу закрыть.

🔗Важно: пока это alpha-версия с урезанным функционалом. Можно сказать, что это самый продвинутый генератор столбиков во всём Figma Community 😄

Что можно сделать на текущий момент:

➡ Загрузить таблицу из Google Sheets, файлом или текстом. Загрузка из Google Sheets иногда может тупить из-за нагрузки на сервер-парсер. Я обычно просто копирую таблицу

➡ Выбрать разделитель и форматирование для чисел

➡ Построить по ним вертикальные столбики

➡ Задать столбикам gap в процентах от их высоты

➡ Раскрасить по категориям — пока только по стандартным палитрам, но в будущем функционал расширится

➡ Убрать подписи. Или добавить в них любую колонку

➡ Выбрать любой шрифт! Написать заголовок, подзаг и источник, подобрать к ним любые цвета и форматирование

➡ Подобрать любой размер и отступы от границ фрейма

Многого пока нельзя. Сжальтесь! До релиза пришлось жёстко отсекать фичи, чтобы плагин работал стабильно.

🔗Я планирую делать плагин полностью бесплатным. Очень надеюсь, что он станет востребованным, и в том числе мы сможем использовать его для обучения студентов визуализации.

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

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

Именно этому посвящён курс «Эстетика в графиках». Если хотите не просто освоить отдельный инструмент, а научиться профессионально создавать графики и дашборды, записывайтесь на курс и присоединяйтесь к ближайшему потоку.