Upcoming Event

Building a Data Visualization UI Kit in Figma

Event details

August 31, 2020
7:00 pm
Online

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

Presenters

Alex Siclari
Senior Designer

Reserve your spot

By filling out this form you agree to receive super helpful updates about this event and newsletter updates on future events from Headway.
Past Event

Building a Data Visualization UI Kit in Figma

August 31, 2020
Watch the recording

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

Presented by
Alex Siclari
Senior Designer

Get updates on future events

The next event is in the works! Sign up to be notified for the next event.