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.
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.
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.
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.
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.
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?
Hey, thanks for the comment. It isn't possible to use canva instead of figma, since tkinterdesigner uses the figma API, at least from my understanding.
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.
Probably create a class of the GUI with exposed functions for interacting with UI elements. Then all logic can be external and you'd just reference the GUI class for actually interfacing with the UI elements.
Hey, yup, sorry about that. I changed up the video to focus more on showing how to use TkinterDesigner and Matplotlib. If you create multiple frames in Figma, TkinterDesigner will generate one file and asset folder for each frame. So, it should be possible to create a multi-page design using a few work arounds, such as only displaying the widgets from the currently selected window. I might work on a video on this in the future
@@alphox7446 unfortunately, no because i didnt like how tkinter looked so i had to use CustomTkinter which is so new that chatgpt isnt trained on it so i just had to start from scratch in pyqt5 designer which is also drag and drop, just start with pyqt5 designer bro it saves you a lot of hassle.
Did anyone get the same error as me? The tool isn't working fully to me@@... File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/tkinter/__init__.py", line 2805, in _create return self.tk.getint(self.tk.call( _tkinter.TclError: image "pyimage1" doesn't exist
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.
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.
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.
Yup, Tkinter Designer does make designing GUI apps a whole lot easier! Glad the video was helpful :)
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.
This is very good! Thanks for making this video
Glad you liked it!
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
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.
Update: I solved the problem by upgrading my python version from 3.11 to 3.12
@@Machiuka I have the same issue even though my python is already updated
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?
Do we need to do the installment of requirements every new projects ?
I wonder if we can export figma design to PyQt also? is it possible via any workaround ?
My man u need to speak more clearly
Turn on subs, it’s helpful
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?
Hey, thanks for the comment. It isn't possible to use canva instead of figma, since tkinterdesigner uses the figma API, at least from my understanding.
@@TurbineThree ty for taking the time out to reply ☺️
this is tremendous ! . thanks alot .
Welcome 😊
can you share the dashboard with external people ?
can you please help me why it say invalid URL even though I do everything the clip say
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.
Probably create a class of the GUI with exposed functions for interacting with UI elements.
Then all logic can be external and you'd just reference the GUI class for actually interfacing with the UI elements.
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?
Hey, yup, sorry about that. I changed up the video to focus more on showing how to use TkinterDesigner and Matplotlib. If you create multiple frames in Figma, TkinterDesigner will generate one file and asset folder for each frame. So, it should be possible to create a multi-page design using a few work arounds, such as only displaying the widgets from the currently selected window. I might work on a video on this in the future
Appreciate @TurbineThree to make more video for multiple windows. Thanks for videos. Very helpful.
hy How to change the frame to an image
Your vídeo is awesome. Once I try your suggestions the comments will come
Last time I tried it it just wouldn't work. I hope they fixed the bugs...
beautiful
Thank you! 😊
Hey I would like to give a suggestion, can you make a course about Tkinter with TTKBootstrap to make cool apps.
Hey, thanks for the suggestion & supporting my content! Will consider it 👍🙂
@@TurbineThree Thanks for your reply. Really happy for your kind consideration. Hope to see your youtube growth
perfect
really like it
Merci l'IA ! t'as pas trop forcé ! C'est incompréhensible.
can u help me with the converting from ui to code i dont understand it i doesnt work
i just made the gui in figma and uploaded it in python using ur tutorial then asked chatgpt to connect the graph to the gui 🗿
did it worked ?
@@alphox7446 unfortunately, no because i didnt like how tkinter looked so i had to use CustomTkinter which is so new that chatgpt isnt trained on it so i just had to start from scratch in pyqt5 designer which is also drag and drop, just start with pyqt5 designer bro it saves you a lot of hassle.
Bro speaks like he’s having a concussion.
Amazing 😍
Thank you!
Bro please apply for a vocal cord surgery u need it ASAP
Plz don't use bgm on videos like this in which narration is the most important part
fucking what?
Did anyone get the same error as me? The tool isn't working fully to me@@...
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/tkinter/__init__.py", line 2805, in _create
return self.tk.getint(self.tk.call(
_tkinter.TclError: image "pyimage1" doesn't exist
same idk howw to fix this
change your assets path to the new path
'promosm' 😬