For very simplistic apps this is great but for more advanced ui you probably should use a different framework. For that I would use QT has far more widgets than tkinter and some are more advanced and has its own designer. I am building my first project with QT because it needed more advanced widgets than tkinter provided me. QT at first seemed more complex but it really isn’t it’s pretty simple after a couple hours using it. I was designing my app all hard coded like classic Tkinter (might still need hardcoded for custom widgets, haven’t messed with custom widgets yet in QT) but then I found out how to load the QT Designer ui files into my python code so basically scrapped that whole file to load the UI file, and is very easy to change and add too.
Thank you for your insightful comment! I completely agree with you bro. But while Tkinter is great for simpler applications, Qt really shines when you need more advanced widgets and functionality. The built-in Qt Designer is a game-changer for UI design, making it easier to visualize and modify your interface without needing to hard-code everything. It’s awesome that you're finding Qt simpler after spending some time with it! Once you get the hang of loading UI files, it really does speed up development. I’d love to hear more about your first project with Qt-feel free to share how it goes, especially when you start exploring custom widgets!
@@Softlinks it’s essentially a mod manager for a emulator that’s still being worked on heavily (shadPS4). But I recently moved and the private GitHub repository I used to upload all the changes for some reason is a week older than my last commit from my main pc (won’t have my main pc setup for a couple weeks while I figure out if I want to mount the case on the wall again or not and unpack. Because I’m thinking of changing my case next year when ryzen 9000 x3d come out) Essentially gotta restart because it’s so old. This time I’m gonna just try and have them upload to cloud drive as well as a GitHub repository just in case. The old gaming laptop I’m using is so old it really only can do coding and web browsing now lol.
Yes correct, I did that for demonstration purpose just to get rid of the white rectangles at the edge of buttons that Tkinter tends to add. Incase you want resolve that, draw an extra rectangle in the background of your buttons and ensure that the background matches the main background of the app design, and then group as Button.
@@Softlinks i have tried this multiple times now and still not working, maybe i misinterpret some things about what you said since i don't have visuals on how to actually do it... XD
Thanks for the video. When I follow the video I get the following error: This probably means that Tcl wasn't installed properly. Could you please help me solve this?
Thanks for watching! That error means Tcl/Tk isn’t installed properly. Try reinstalling Python with the option to include Tcl/Tk, or run pip install tk. Let me know if it works!
this is good but a way better solution is tauri. it uses HTML CSS and JS to make the frontend and has a rust backend. its like designing a website but instead in your browser. its in a lightweight desktop application
Error Appearing "Pls Enter a valid File URL". I am working on another project but after clicking on "Generate" on Tkinter Designer, this error shows up. Any help?
@@Softlinks Man I would love to see it. I am trying to develop desktop app. I need a tutorial from you. You have great explanation. Much love thanks for the content
Hello, good morning. I have a question. Regarding the last step when I am using the Tkinter Designer app, it keeps displaying the message, "Please enter a valid file URL." even though I followed every step you made and double-checked if I got anything wrong. Can any please help me?
I was doing exactly what you did. There were lots of errors. It couldn't paste the token id and file url, I had to type them in. Then, the last thing on my output path, the desktop, I waited for build to appear. Even now, I'm still waiting. I don't know if I wasted my time or I don't know. HELP me!!!!
I understand your frustration, but let's troubleshoot this together. Firstly, ensure that you're copying the token ID and file URL correctly from Figma. Sometimes, errors can occur if there are extra spaces or characters copied along with the token. Secondly, make sure you're pasting the token ID and file URL in the correct fields within Tkinter Designer. For the issue with the output path, it's possible that the "build" folder might take some time to appear, especially if there are many files being processed. However, if it's taking unusually long, you might want to check if there are any error messages in the console or if there are any permissions issues preventing the folder from being created. If you're still encountering issues after trying these steps, consider reaching out to the support channels for Tkinter Designer or Figma. They might be able to provide more specific guidance based on the errors you're experiencing. Don't hesitate to ask for help; we're here to support you through this process!
Absolutely! While Tkinter Designer is primarily geared towards designing GUI applications, you can still create simple games with moving objects using Tkinter. You would design the interface elements with Tkinter Designer and then implement the game logic, including moving objects, using Python code. It might require a bit more coding than a traditional GUI application, but it's definitely possible! Let me know if you need more details on how to get started with game development using Tkinter.
I got everything right, but in the final step where i was supposed to run the GUI file, i didn't see how you ran it. can you please explain it? Also, will this make the GUI interactive? I already created my database to store all inputs and data, my question is can I connect my work to the db? and how to do that? THANK YOU so so so much!!! I have been struggling for a few days now to find a way to convert my Figma design into something that Python can understand.
Of course! To run the GUI file generated by Tkinter Designer, you would typically open the Python file (usually named something like “GUI.py”) using a Python interpreter or an IDE like VS Code. You can do this by simply double-clicking on the file or by using the command line to navigate to the directory where the file is located and then running it with the Python interpreter. As for making the GUI interactive and connecting it to your database, yes, you can definitely achieve that! Tkinter Designer generates the basic structure of the GUI, but you can further customize it and add functionality as needed. To connect your GUI to a database, you’ll need to use a database library in Python (such as SQLite3, MySQL Connector, or SQLAlchemy) to interact with your database. You can then write functions in your GUI code to handle database operations like inserting, updating, deleting, and querying data.
Thank you for watching! I’m sorry to hear you’re experiencing trouble finding the gui.py file. Did you encounter any errors while converting the Figma design into Python GUI? Understanding the issues you faced could help me troubleshoot the missing gui.py file. Let me know if I can assist further!
Yes correct, I did that for demonstration purpose just to get rid of the white rectangles at the edge of buttons that Tkinter tends to add. Incase you want resolve that, draw an extra rectangle in the background of your buttons and ensure that the background matches the main background of the App design.
If you got this error when trying to convert your figma file to python code and you’ve checked your figma widgets are inside a frame, then maybe you should checkout this doc: github.com/ParthJadhav/Tkinter-Designer/issues/341
It seems like there might be a typo or an issue with the directory path. Double-check that you're in the correct directory where the `requirement.txt` file is located. If it's still not working, make sure the file is spelled correctly and try running the command again.
converting Figma designs to Python code using Tkinter Designer streamlines the development workflow, improves accuracy, and enhances collaboration between designers and developers.
@@Softlinks can u make a video on ux designing how UI works with UX design and also please do a project on UI/ux designing how python works in backend?
@@kalyanamvenumadhav2245 Thank you for your suggestion! I'll definitely create a video tutorial on UX/UI design and how Python integrates with backend development. Stay tuned for updates on when the video will be released!"
Error Appearing "Pls Enter a valid File URL". I am working on another project but after clicking on "Generate" on Tkinter Designer, this error shows up. Any help?
I really appreciated this video, it will help me a lot in my work, because I used tkinter from python a lot.. thank you!!!!!!!!!!!!!
Glad it helped!…Thanks for watching
This is the best video which helped me alot, before i hated to code GUi and have that simple gui. Now its way easier to get modern gui
So much excited to hear my video helped you on your journey…thanks for watching.
without music tutorial is better than other. thanks and it good sir...
Thanks and welcome
Thank you! Please produce more helpful vids like this!
I'm so glad you found the video helpful! I’ll definitely keep more content like this coming your way!
For very simplistic apps this is great but for more advanced ui you probably should use a different framework. For that I would use QT has far more widgets than tkinter and some are more advanced and has its own designer. I am building my first project with QT because it needed more advanced widgets than tkinter provided me.
QT at first seemed more complex but it really isn’t it’s pretty simple after a couple hours using it. I was designing my app all hard coded like classic Tkinter (might still need hardcoded for custom widgets, haven’t messed with custom widgets yet in QT) but then I found out how to load the QT Designer ui files into my python code so basically scrapped that whole file to load the UI file, and is very easy to change and add too.
Thank you for your insightful comment! I completely agree with you bro. But while Tkinter is great for simpler applications, Qt really shines when you need more advanced widgets and functionality. The built-in Qt Designer is a game-changer for UI design, making it easier to visualize and modify your interface without needing to hard-code everything.
It’s awesome that you're finding Qt simpler after spending some time with it! Once you get the hang of loading UI files, it really does speed up development. I’d love to hear more about your first project with Qt-feel free to share how it goes, especially when you start exploring custom widgets!
@@Softlinks it’s essentially a mod manager for a emulator that’s still being worked on heavily (shadPS4). But I recently moved and the private GitHub repository I used to upload all the changes for some reason is a week older than my last commit from my main pc (won’t have my main pc setup for a couple weeks while I figure out if I want to mount the case on the wall again or not and unpack. Because I’m thinking of changing my case next year when ryzen 9000 x3d come out) Essentially gotta restart because it’s so old. This time I’m gonna just try and have them upload to cloud drive as well as a GitHub repository just in case. The old gaming laptop I’m using is so old it really only can do coding and web browsing now lol.
You're an excellent teacher.
Wow, thank you so much 😊
Thanks a lot for the video. Please show us how to integrate functionalities in the click buttons
Sure… I’ll make a tutorial for that..thanks you enjoyed the video
You were sent by God bro... thank you !!!!
Glad I could help…Thanks for watching
useful thanks, hello from kazakhstan
Thanks for watching from Kazakhstan…stay tuned for more…
This was a great watch. Liked and subscribed for support :)
Thanks for the sub!…Really appreciate
greate video bro thank you so much bro
Glad it helped…thanks for watching
so useful , thank you.
Thanks for watching
lovely tutorials thanks
Thanks for watching!
Hi! Great video, question tho, aren't you supposed to group the buttons above for google and facebook signup and name the group 'Button'?
Yes correct, I did that for demonstration purpose just to get rid of the white rectangles at the edge of buttons that Tkinter tends to add. Incase you want resolve that, draw an extra rectangle in the background of your buttons and ensure that the background matches the main background of the app design, and then group as Button.
@@Softlinks i have tried this multiple times now and still not working, maybe i misinterpret some things about what you said since i don't have visuals on how to actually do it... XD
Great and time saving trick..
Of course…Thanks for watching
everyone if ever you encounter invalid URL just Replace "design" in URL with "file"😇
thank you bro!
Thanks for the video. When I follow the video I get the following error: This probably means that Tcl wasn't installed properly.
Could you please help me solve this?
Thanks for watching! That error means Tcl/Tk isn’t installed properly. Try reinstalling Python with the option to include Tcl/Tk, or run pip install tk. Let me know if it works!
this is good but a way better solution is tauri. it uses HTML CSS and JS to make the frontend and has a rust backend. its like designing a website but instead in your browser. its in a lightweight desktop application
your tutorials are really nice
I appreciate your input and will definitely check out Tauri!
The fonts doesnt work on vscode. How to fix that?
thank you for this good tutorial
Glad it was helpful!…You’re most welcomed ☺️
love you guys
Thanks for watching
Thank you so much man, I was really not looking forward to having to design the whole program using my limited knowledge on tinker.
Glad I could help!..Thanks for watching
lovely man thanks a lot!
You're welcome!...Thanks for watching
Error Appearing "Pls Enter a valid File URL". I am working on another project but after clicking on "Generate" on Tkinter Designer, this error shows up. Any help?
Same here. Worked perfectly fine before now it's not...unsure what happened
i suffer the same cause😭
me too, i nedd help:(
Replace the word in the URL
/design/
for
/file/
This will fix it
Send by God indeed, best tutorial ever.
Glad it was helpful!…Thanks for watching
Thanks, can you make a depth video of rounder button design, :(
You're welcome! Sure, I can make a detailed video on designing rounded buttons. I'll cover various techniques. Stay tuned!
Thank you!
You’re most welcomed
very usefuls, but how to add checkbox to confirm TOS
Check boxes will be available soon…otherwise you will need to add it using Tikinter code 🧑💻
Can you make on how to make good looking tables with this ?
Yes I will try and make a tutorial for that also
@@Softlinks Please make a new Pywebview video like making it look amazing with UI/UIX effects and functionality
@@djohnworthy1040 Stay tuned...That would be among my upcoming Tutorials, Building GUIS with JavaScript, HTML, and CSS for Python is Great!
@@Softlinks Man I would love to see it. I am trying to develop desktop app. I need a tutorial from you. You have great explanation. Much love thanks for the content
@@Softlinks Is it possible to use HTML/CSS on a local Desktop App? I saw pywebview but idk:)
Hello, good morning. I have a question. Regarding the last step when I am using the Tkinter Designer app, it keeps displaying the message, "Please enter a valid file URL." even though I followed every step you made and double-checked if I got anything wrong. Can any please help me?
Replace "design" in URL with "file"
@@kawthersiahmed8134 thank you for your help //
Thank you!!!
You're welcome!
I was doing exactly what you did. There were lots of errors. It couldn't paste the token id and file url, I had to type them in. Then, the last thing on my output path, the desktop, I waited for build to appear. Even now, I'm still waiting. I don't know if I wasted my time or I don't know. HELP me!!!!
I understand your frustration, but let's troubleshoot this together. Firstly, ensure that you're copying the token ID and file URL correctly from Figma. Sometimes, errors can occur if there are extra spaces or characters copied along with the token. Secondly, make sure you're pasting the token ID and file URL in the correct fields within Tkinter Designer.
For the issue with the output path, it's possible that the "build" folder might take some time to appear, especially if there are many files being processed. However, if it's taking unusually long, you might want to check if there are any error messages in the console or if there are any permissions issues preventing the folder from being created.
If you're still encountering issues after trying these steps, consider reaching out to the support channels for Tkinter Designer or Figma. They might be able to provide more specific guidance based on the errors you're experiencing. Don't hesitate to ask for help; we're here to support you through this process!
I'm actually making huge progress
lol python is not for drag and dropped lazy ppl you should understand how they work
Can you help me to get it? i have the same problem with the URL
Can we also make a simple game like gui with moving objects through this method?
Absolutely! While Tkinter Designer is primarily geared towards designing GUI applications, you can still create simple games with moving objects using Tkinter. You would design the interface elements with Tkinter Designer and then implement the game logic, including moving objects, using Python code. It might require a bit more coding than a traditional GUI application, but it's definitely possible! Let me know if you need more details on how to get started with game development using Tkinter.
@@SoftlinksOk, Thank you 😊
I got erorr says pip is not recognice, i got pyhton install also pip. How to fix it?
That means Python isn’t in your PATH. Reinstall Python and check ‘Add Python to PATH’ during setup, or manually add it. Let me know if you need help.
@@Softlinks done thanks
@@Softlinks how to make the second page like the content after login
I got everything right, but in the final step where i was supposed to run the GUI file, i didn't see how you ran it. can you please explain it? Also, will this make the GUI interactive? I already created my database to store all inputs and data, my question is can I connect my work to the db? and how to do that? THANK YOU so so so much!!! I have been struggling for a few days now to find a way to convert my Figma design into something that Python can understand.
Of course! To run the GUI file generated by Tkinter Designer, you would typically open the Python file (usually named something like “GUI.py”) using a Python interpreter or an IDE like VS Code. You can do this by simply double-clicking on the file or by using the command line to navigate to the directory where the file is located and then running it with the Python interpreter.
As for making the GUI interactive and connecting it to your database, yes, you can definitely achieve that! Tkinter Designer generates the basic structure of the GUI, but you can further customize it and add functionality as needed.
To connect your GUI to a database, you’ll need to use a database library in Python (such as SQLite3, MySQL Connector, or SQLAlchemy) to interact with your database. You can then write functions in your GUI code to handle database operations like inserting, updating, deleting, and querying data.
I'm getting invalid url path error despite the fact I copied it from figma directly any solution?
Same here! Did you managed to fix it?
same here!
Nope
thanks for the video, the gui.py file is not in my build folder, thanks
Thank you for watching! I’m sorry to hear you’re experiencing trouble finding the gui.py file. Did you encounter any errors while converting the Figma design into Python GUI? Understanding the issues you faced could help me troubleshoot the missing gui.py file. Let me know if I can assist further!
how do i convert the file to apk file? and make it mobile use
For now it can’t be converted to APK directly using Tkinter Designer
why is my url invalid? i just followed your instructions :(
Me too, can somebody help us???
But does the facebook and Google rectangle is not button?
Yes correct, I did that for demonstration purpose just to get rid of the white rectangles at the edge of buttons that Tkinter tends to add. Incase you want resolve that, draw an extra rectangle in the background of your buttons and ensure that the background matches the main background of the App design.
how to change the Textbox font ??
You can use the fonts button at the right hand side of your figma desktop App. Thanks for watching.
my desktop file only showed the assets file
Try checking if your token and the design url are correctly inserted
i get this error: Frame not found in figma file or is empty and im sure all my widgets are in one frame
If you got this error when trying to convert your figma file to python code and you’ve checked your figma widgets are inside a frame, then maybe you should checkout this doc: github.com/ParthJadhav/Tkinter-Designer/issues/341
i am in the same directory and it gave me that ther os no such as diirectorydirectory name requirement.txt
so where is the problem
It seems like there might be a typo or an issue with the directory path. Double-check that you're in the correct directory where the `requirement.txt` file is located. If it's still not working, make sure the file is spelled correctly and try running the command again.
Tkinter Designer automatically converts to figma design to python code what's the use of converting to python code?
converting Figma designs to Python code using Tkinter Designer streamlines the development workflow, improves accuracy, and enhances collaboration between designers and developers.
@@Softlinks can u make a video on ux designing how UI works with UX design and also please do a project on UI/ux designing how python works in backend?
@@kalyanamvenumadhav2245 Thank you for your suggestion! I'll definitely create a video tutorial on UX/UI design and how Python integrates with backend development. Stay tuned for updates on when the video will be released!"
@@SoftlinksPlease!!
Screen
Can’t understand the accent …?
I apologise my accent is difficult to understand, I'll work on improving it for better communication in the future videos.
Sounds fine to me.
@Rio have you tried it with subtitles, if you're having trouble?
Listening to more non-native English speakers will improve your English listening skills.
Error Appearing "Pls Enter a valid File URL". I am working on another project but after clicking on "Generate" on Tkinter Designer, this error shows up. Any help?
I got the same problem. do you find anyway to fix it yet
when i click generate it says invalid url. but i copy the URL of my design
I have the same problem, were you able to fix it??
I have the same problem, can somebody help me?
@@reyesssss6098 Just replace the design with file in url