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.

‍

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:

Chart Plugin

Charts Plugin

Datavizer Plugin

‍

What is a data visualization tool kit?

Data visualization is the 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 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

‍

‍

Level up your design skills

Check out free content from the Design Team at Headway to help you grow your skills and move forward in your career as a product designer.

Free Design Systems Course for Product Teams

Figma Tutorials for Beginners

Improving Your Product Design Portfolio

Creating a Welcoming and Collaborative Environment for Your Design Team

‍

Free design resources

Shipwright - UI Kit: A fully-editable design system built in Figma

Icon Pack - Jumpstart your next project

‍

‍