Dashboard Week Day 5- Using Figma in Tableau

Today we were tasked with building a dashboard using data we obtained from an API. For this project I focused on improving my dashboard design skills with the use of Figma. Figma is an open source design software, which can be used to build visually striking dashboard backgrounds. The final dashboard I created can be found using the link below and this blog will talk through how you can use Figma in your own work.

https://public.tableau.com/app/profile/dan.booth/viz/PremierLeague2425TeamPeformance/TeamStats

Step 1:

Select your dashboard size in Tableau. For this example we will use 1600 x 900.

Step 2:

Draw a rectangle in Figma.

Step 3:

Select a dimension to match your dashboard size.

Step 4:

Design your dashboard and export to image.

Step 5:

Drag a container on to your empty dashboard and then drop an image object into it. Select your newly designed background. Leave fit image and center image unticked.

Step 6:

Select your image and remove any padding. Do the same for the container behind it to remove that white trimming.

Step 7:

Add your charts above the background image via a floating container.

Your dashboard is now complete!

Author:
Dan Booth
Powered by The Information Lab
1st Floor, 25 Watling Street, London, EC4M 9BR
Subscribe
to our Newsletter
Get the lastest news about The Data School and application tips
Subscribe now
© 2025 The Information Lab