I use Drag and Drop to build modern Python Apps

Discover the power of Tkinter Designer and Figma in this tutorial video! Learn how to effortlessly create stunning GUI applications without writing a single line of code. Follow along as we explore the seamless integration of design and functionality, turning your design dreams into reality. From downloading Tkinter Designer to customizing elements in Figma, and finally, generating Python code, this video covers it all. Join us on this journey to unlock the full potential of GUI application development. Watch now and revolutionize your workflow!
Useful Links
🔷 Tkinter Designer: github.com/ParthJadhav/Tkinte...
🔷 PyPi: pypi.org/project/tkdesigner/
🔷 Element Formatting Docs: github.com/ParthJadhav/Tkinte...
00:00 Introduction to Tkinter Designer
01:00 Downloading and setting up Tkinter Designer
02:24 Installing Tkinter Designer Dependencies
04:00 Designing GUI App with Tkinter Designer
11:15 Convert Figma Design to Python Code using Tkinter Designer
13:30 Conclusion
Follow Me on:
📹 KZbin: / softlinks
📝 LinkedIn: / hassan-shoayb
📱 Twitter: / hassan_shoayb
📸 Instagram: / hassan_shoayb
✨ HashTags ✨
#python #tkinter #tkinterDesigner #gui

[@ebenezervictor7297]

You're an excellent teacher.

[@Softlinks]

Wow, thank you so much 😊

[@terlumunjoseph6779]

lovely tutorials thanks

[@Softlinks]

Thanks for watching!

[@vivac4893]

so useful , thank you.

[@Softlinks]

Thanks for watching

[@nelsonbeneche2372]

I really appreciated this video, it will help me a lot in my work, because I used tkinter from python a lot.. thank you!!!!!!!!!!!!!

[@Softlinks]

Glad it helped!…Thanks for watching

[@SabbirHMukul]

love you guys

[@Softlinks]

Thanks for watching

[@aarshayan-mg5fr]

Send by God indeed, best tutorial ever.

[@Softlinks]

Glad it was helpful!…Thanks for watching

[@bettsold]

useful thanks, hello from kazakhstan

[@Softlinks]

Thanks for watching from Kazakhstan…stay tuned for more…

[@christyaghjian115]

thank you for this good tutorial

[@Softlinks]

Glad it was helpful!…You’re most welcomed ☺️

[@CITY_SPECTER]

You were sent by God bro... thank you !!!!

[@Softlinks]

Glad I could help…Thanks for watching

[@dreaddy_bear]

Thank you!

[@Softlinks]

You’re most welcomed

[@nkositherojohn]

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!!!!

[@tinashempr]

Thank you so much man, I was really not looking forward to having to design the whole program using my limited knowledge on tinker.

[@Softlinks]

Glad I could help!..Thanks for watching

[@Youforlia]

Hi! Great video, question tho, aren't you supposed to group the buttons above for google and facebook signup and name the group 'Button'?

[@Softlinks]

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.

[@FatimaAli-qu1tq]

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.

[@Softlinks]

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.

[@parthsharma6244]

Can we also make a simple game like gui with moving objects through this method?

[@proxy55]

how to change the Textbox font ??

[@Softlinks]

You can use the fonts button at the right hand side of your figma desktop App. Thanks for watching.

[@mostafayousry8493]

i get this error: Frame not found in figma file or is empty and im sure all my widgets are in one frame

[@Softlinks]

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

[@24hoursounds88]

thanks for the video, the gui.py file is not in my build folder, thanks

[@Softlinks]

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!

[@relaxingmuzics]

very usefuls, but how to add checkbox to confirm TOS

[@Softlinks]

Check boxes will be available soon…otherwise you will need to add it using Tikinter code 🧑‍💻

[@ahmedemad8146]

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

[@Softlinks]

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.

[@HamzaAli-pg7ju]

But does the facebook and Google rectangle is not button?

[@Softlinks]

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.

[@kalyanamvenumadhav2245]

Tkinter Designer automatically converts to figma design to python code what's the use of converting to python code?

[@Softlinks]

converting Figma designs to Python code using Tkinter Designer streamlines the development workflow, improves accuracy, and enhances collaboration between designers and developers.

[@kalyanamvenumadhav2245]

@@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?

[@Softlinks]

@@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!"

[@j00bert]

@@SoftlinksPlease!!

[@Rio-by1eh]

Can’t understand the accent …?

[@Softlinks]

I apologise my accent is difficult to understand, I'll work on improving it for better communication in the future videos.

[@FahadAyaz]

Sounds fine to me. @Rio have you tried it with subtitles, if you're having trouble?

[@paulgardiner68]

Listening to more non-native English speakers will improve your English listening skills.