Phases

What We Do

Company

Resources

Events

Blog

Free Consultation

ahoy@headway.io

(920) 309 - 5605

Building a Data Visualization UI Kit in Figma

September 1, 2020

September 1, 2020

6:00 pm

Presented By

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Building a Data Visualization UI Kit in Figma

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.

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

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.

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

September 1, 2020

6:00 pm

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Subscribe for future events

Stay up to date on upcoming events like this one and get valuable resources delivered to your inbox.

Thanks for signing up!
Oops! Something went wrong while submitting the form.

More upcoming events

The Manifest

Receive the latest articles, resources, events, and more!