Перейти к содержимому

Диаграммы и графики в Figma: плагины для визуализации данных против библиотек компонентов

Headway

0:00 / 0:00

Диаграммы и графики в Figma: плагины для визуализации данных против библиотек компонентов

23 451 просмотр · 6 лет назад
Headway
13,5 тыс. подписчиков
23 451 просмотр · 6 лет назад
Как лучше всего создавать диаграммы и графики в Figma? В этом уроке по Figma для начинающих вы узнаете, как создавать визуализации данных в Figma, когда использовать плагин Figma, а когда библиотеку, как настроить Figma Charts Kit, Figma UI Kit для работы с данными и как связать данные с вашими проектами Figma. В ходе обсуждения также будут рассмотрены преимущества и недостатки создания библиотеки по сравнению с использованием плагина, а также будут рассмотрены некоторые сложные проблемы с наборами данных и способы их решения командой Headway Design Team. Станьте профессионалом в области дизайн-систем с помощью нашего нового видеокурса https://bit.ly/shipwright-design-syst... ================================== Сегменты 00:00 - Начало 1:05 - Обзор 2:27 - Что такое визуализация данных 8:24 - Обзор плагинов Figma для визуализации данных Плагин для диаграмм Плагин для графиков Плагин Datavizer 31:14 - Создание простой визуализации данных без плагинов 43:31 Заключительные мысли 1:02:09 - Вопросы ================================== Плагины Figma для визуализации данных, упомянутые в презентации ================================== Плагин Figma Chart: https://www.figma.com/community/plugi... Плагин Figma Charts: https://www.figma.com/community/plugi... Figma Datavisizer Плагин https://www.figma.com/community/plugi... ================================== Что такое набор инструментов визуализации данных? Визуализация данных — это графическое представление информации и данных. Используя визуальные элементы, такие как диаграммы, графики и карты, инструменты визуализации данных предоставляют доступный способ увидеть и понять тенденции, аномалии и закономерности в данных. Преимущества визуализации данных в Figma: Более быстрые действия — человеческий мозг обрабатывает визуальную информацию гораздо легче, чем письменную. Конструктивное изложение результатов. Понимание взаимосвязи между операциями и результатами. Использование новых тенденций. Взаимодействие с данными. Создание новых дискуссий. Набор инструментов визуализации данных скоро появится от команды дизайнеров Headway! ================================ Заинтересованы в сотрудничестве с Headway? ============================== Запишитесь на бесплатную частную консультацию, где мы выслушаем ваши проблемы, определим возможности для вашего бизнеса и покажем вам, как уникальный подход Headway и проверенные стратегии могут помочь вам достичь ваших целей. Запишитесь на бесплатную консультацию: https://headway.io/free-consultation ================================= 📚 БЕСПЛАТНЫЕ ресурсы Shipwright UI Kit — полностью редактируемая система дизайна, созданная в Figma https://bit.ly/shipwright-ui-kit Набор иконок — начните создавать свою собственную коллекцию, скачав этот набор https://bit.ly/download-iconpack ================================== 🚀 Начните работу над дизайном Системы https://headway.io/event-series/desig... ================================== 🔻 Статьи для более глубокого изучения продуктового дизайна Начните работу с многоуровневыми UI-комплектами для дизайн-систем https://headway.io/blog/multi-tiered-... 5 признаков того, что ваша команда страдает от незрелости в UX http://bit.ly/ux-immaturity Лучшие книги для изучения новых методов дизайна http://bit.ly/dsgn-mthds ================================== 🎧 Подкаст о создании успешного программного обеспечения Seaworthy http://bit.ly/swthy-pdcst 👋 Свяжитесь с нами: Instagram   / headwayio   Twitter   / headwayio   LinkedIn https://bit.ly/follow-headway-linkedin #ui #figmatutorial #appdesignprocess