Class 8: Diving into Figma
In this class, I’ll show you how to use Figma in more depth so you can become an expert. We’ll spend most of the class going over how to use Figma and then discuss strategies for creating data-driven visualizations inside Figma.
How to use Figma
See the link to the slides above for some introductory tips on Figma. I’ve also prepared a series of mini silent videos on how to use different Figma features here.
Also, check out Figma’s official documentation. These pages have a series of videos that are very easy to follow along.
In-class exercise
Year | Apple | Banana |
---|---|---|
2017 | 7 | 5 |
2018 | 8 | 15 |
2019 | 22 | 11 |
Create a bar graph from scratch in Figma based on the above dataset. I would recommend using the rectangle tool to draw the bars. It is important in a data visualization for the size of the rectangles to be exactly proportional to the data. I would use the height setting in the properties panel to set the height to the data points. Don’t worry about creating axes for now, but if you have time give it a stab.