Figma Charts and Graphs - Figma Data Visualization Plugins vs Library

What's the best way to create Figma charts and graphs? In this Figma tutorial for beginners, learn how to build a data visualization in Figma, when to use a Figma plugin vs library, setting up a Figma charts kit, Figma UI Kit for data, and how you can connect data to your Figma designs. This discussion will also cover the pros and cons of building a library versus using a plugin and share some complex data set problems and how the Headway Design Team has solved them.‍

Become a Design System Pro with our New Video Course
https://bit.ly/shipwright-design-syst...

==================================

Segments
00:00 - Start
1:05 - Overview
2:27 - What is Data Visualization
8:24 - Review of Data Visualization Figma plugins
Chart Plugin
Charts Plugin
Datavizer Plugin
31:14 - Build simple Data Visualization without plugins
43:31 Final Thoughts
1:02:09 - Questions


==================================
Figma Data Visualization plugins mentioned in the presentation
==================================

Figma Chart Plugin:
https://www.figma.com/community/plugi...

Figma Charts Plugin:
https://www.figma.com/community/plugi...

Figma Datavizer Plugin
https://www.figma.com/community/plugi...

==================================

What is a Data Visualization tool kit?
Data visualization is a graphical representation of information and data. By using visual elements like charts, graphs, and maps, data visualization tools provide an accessible way to see and understand trends, outliers, and patterns in data.

Benefits of Figma Data Visualization
Faster Action - the human brain tends to process visual information far more easily than written information
Communicate Findings in Constructive Ways
Understand Connections Between Operations and Results
Embrace Emerging Trends
Interact With Data
Create New Discussion

Data Visualization UI Kit coming soon from Headway Design Team!

================================
Interested in Working with Headway?
================================

Book a free private call where we'll listen to your problems, identify opportunities for your business, and show you exactly how Headway's unique approach and proven strategies can help you reach your goals.

Schedule a free consultation:
https://headway.io/free-consultation

==================================

📚 FREE Resources
Shipwright UI Kit - A fully editable design system built in Figma
https://bit.ly/shipwright-ui-kit

Icon Pack - Get a jump start on your own collection by downloading this pack
https://bit.ly/download-iconpack

==================================

🚀 Get Started with Design Systems
https://headway.io/event-series/desig...

==================================

🔻 Articles to Dive Deeper into Product Design

Get Started with Multi-Tiered UI Kits for Design Systems
https://headway.io/blog/multi-tiered-...

5 Signs Your Team is Suffering From UX Immaturity
http://bit.ly/ux-immaturity

The Best Books for Learning New Design Methods
http://bit.ly/dsgn-mthds

==================================

🎧 A podcast about Building Successful Software
Seaworthy
http://bit.ly/swthy-pdcst


👋 Connect with us:
Instagram
  / headwayio  

Twitter
  / headwayio  

LinkedIn
https://bit.ly/follow-headway-linkedin

#ui #figmatutorial #appdesignprocess