Make Modern Python Dashboards With Tkinter & Matplotlib!

UPDATE: The layout of Figma has slightly changed after recording this video. The create new design file button is at the top right-hand corner, and the settings button is under the profile icon at the top left-hand corner.

Need a beautiful dashboard in Python but don't know how to create one? In this video, I'll go over how to make a dashboard in Python using TkinterDesigner to create the UI with the drag-and-drop interface in Figma. We'll also use Matplotlib, a powerful graphing library, and go over how to create a table. All within 15 minutes!

🎨 Color Codes:
Dark Purple (For Window) - 2A2F4F
Pink (For Header) - E5BEEC
Light Purple (For Metrics & Containers) - 917FB3
Light Green (For Icon) - D9FFCA
Purple (For Centre Container) - 5F4A87

🔗 Links:

📚 Chapters:
00:00 - Intro
00:14 - Creating UI
04:13 - Converting UI To Code
05:13 - Adding Area Chart
09:44 - Adding Circular Bar Chart
12:36 - Adding Table

Comment below for suggestions & feedback!

[TurbineThree]

UPDATE: The layout of Figma has slightly changed after recording this video. The create new design file button is at the top right-hand corner, and the settings button is under the profile icon at the top left-hand corner.

[somjrgebn]

Frankly, one of the best ways I've seen to build a desktop native dashboard app so far. Most everything else requires you to package it using electron, which comes with its own issue too.

[mikecripps]

Hey man, really impressed. I will try something like this. Have created many Tkinter apps and they always look horrible no matter how advanced I get. Thanks for the new perspecting.

[buzz]

When converting the design to code, the corners of the rectangles in my code don't become smooth as they were in the design. They appear sharp and harsh.

[Agesilas]

the video is fire 🔥
the audio is not 💩

[stefaniapetre]

Hello, your tool is amazing but in my case is not working, it generates me the py file, but not the assets. What can I do? PS. I am working on a macOS

[minwin]

Can you show how to make an interactive graph in the dashboard instead of static graphs?

Also normally for these types of dashboard, data gets updated every now and then. Can you show how to do it with periodically (say monthly) updated data?

[Machiuka]

Awesome tutorial. Unfortunately gui.py generated the assets folder with all images in it, but not the py file. It didn't show the confirmation message at the end. What could be the cause? I use windows 11 and VS Code.

[fehizororakotoniaina]

Do we need to do the installment of requirements every new projects ?

[staynjohnson]

I wonder if we can export figma design to PyQt also? is it possible via any workaround ?

[Adimser]

can you please help me why it say invalid URL even though I do everything the clip say

[saice]

hy How to change the frame to an image

[noturdope]

This is very good! Thanks for making this video

[TomasSilva-os]

can you share the dashboard with external people ?

[lepidoptera]

Last time I tried it it just wouldn't work. I hope they fixed the bugs...

[AmirIKTech]

The video is better than the audio

Which language he speaks though ? 😅

[picklenickil]

I was really expecting a multipage design, like you showed in last vids (preview) .
Have you found a resource that shows how to do that?

[CandyMan...]

hello this video was amazing and i wanted to ask that can we use canva instead of figma? will it be the same process or slightly different?

[SiegfriedGijsen]

Hi, I like your video.
Is it possible to make an video about how to use the created gui file in an other file (e.g. main.py) so when i update the gui I don't need to write all the code again in the gui.py file?
If the app gets bigger and I need to update the interface, we need to write all the code again.

[SkyTechDrones]

can u help me with the converting from ui to code i dont understand it i doesnt work