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.
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.
@@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.
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
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.
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.
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.
Your vídeo is awesome. Once I try your suggestions the comments will come
This is very good! Thanks for making this video
Glad you liked it!
My man u need to speak more clearly
Turn on subs, it’s helpful
perfect
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 ☺️
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
this is tremendous ! . thanks alot .
Welcome 😊
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.
I wonder if we can export figma design to PyQt also? is it possible via any workaround ?
beautiful
Thank you! 😊
Do we need to do the installment of requirements every new projects ?
Last time I tried it it just wouldn't work. I hope they fixed the bugs...
can you please help me why it say invalid URL even though I do everything the clip say
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.
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
Merci l'IA ! t'as pas trop forcé ! C'est incompréhensible.
hy How to change the frame to an image
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
can you share the dashboard with external people ?
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.
Amazing 😍
Thank you!
can u help me with the converting from ui to code i dont understand it i doesnt work
Bro please apply for a vocal cord surgery u need it ASAP
Bro speaks like he’s having a concussion.
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
'promosm' 😬