Use a Drag & Drop Editor to Make Tkinter Python GUI Applications!

Is designing applications in Python with Tkinter a pain to do? In this Tkinter Designer tutorial, we look at how to use the package, which makes it possible to turn Figma designs through its visual (drag and drop) editor into Python code within a few minutes! Trust me, this is way easier than doing it with Python, allowing you to spend time making better applications!

Links 🔗:

Other Resources:

Chapters 📚:
00:00 - Intro
00:26 - Installation & Getting Started
01:09 - Designing The App
03:08 - Adding Effects
06:02 - Using UI Kits
06:22 - Using Plugins
06:59 - Converting Design To Code
08:56 - Fixing A Common Problem with Tkinter Designer
09:30 - Adding Functionality To Our App

--
That's all, let me know what other videos I should do next in the comments 👇!

[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.

[terryhe]

I'm really lucky to come across this. I hope there are similar drag-and-drop GUI tools available.

[lifewithzam]

One of the best, straight forward and helpful videos ever seen in the coding industry! First time I ever understood something from a Youtube Video related to Python!

You just earned yourself a loyal subscriber brotha...! 🎉

[chaimaez]

if i connecte the design to visual studio and added mt functions to it . then went to make changes in the design in figma . how do i get these changes to be in visual studio without loosing the functions i added??

[santosmarte]

This looks very interesting, I'll have to take a moment and try it out, thank you very much.

[eversolvers]

how to deal with multiple windows in Figma please clarify

[shashwatpandey]

Hey there nice video, very helpful, I need some help, what's happening with me, is shadows and other effects are not loading.

[Huseyin-tyqd]

Hey Turbine,

I would like to say it was an amazing tutorial. Thank you for this but ı want to ask that font and font size properties didn't show up when we convert it to python code. Can you tell what to do about it ?
And is there any chance for you to take an another video about how to merge multiple windows by using tkinter ?

[haan]

solid editing my guy, underated video ngl

[Tashmimanam]

hey so when I turned dark-mode on in the app the button now have white backgrounds(rounded corners)

[leonalayja]

What I created in Figma didn't out the same after it was converted to code. If possible, I can show what I did in Figma and what came out of the code to compare.

[iamDyeus]

Great video! 👏 I liked how you included CodTubify's snippet in the intro. 😊 I made that while learning tkinter. 🙌

[kaoutarelomari]

y didnt the desing of the Frame of my gui go as well it became white in the code

[ludwigweddig]

For some reason mine does not seems to keep the propetries of the text elements, like bold or center alignment. Does it still work for you or is this also maybe from an update?

[Yashparwal]

do anyone know something like this to convert that figma design into html, css, js?

[secondaccount]

hey is it possible to switch scenes? like im going to create another figma export then link it with the 1st scene to second scene?

[bait-itcarlravene.]

Where did you get the Tkinker Designer wherein you can input the Token ID, File URL, and Output Path in Chapter "Converting the Design to Code"?

[JR-lybx]

awesome video, fast speed, details, entertaining

[alassanadjigo]

I have a problem, after clicking to generate the token the imgs are not imported

[tayk]

After following your tutorial, everything is working fine except when I try to fix my buttons because they are curved, it doesnt work. Not sure what I am doing wrong. I am creating another rectangle the same size and setting it as the background color. The button group is on top of the rectangle in figma