I appreciate the tutorial, but your use of hotkeys without something on-screen showing us what you’re pressing makes it difficult to follow. I lost you when you changed the style of the button and when you duplicated the background.
Great Work. But now it doesn't work, and even the repo is not maintained. Seeing many people have similar issue. "Exception: Frame not found in figma file or is empty", Though Frame is present and contains line, textarea, buttons etc.
Hi, yes , I'm getting that same error as well. But it was a great idea and amazing initial project. Hope the community or one of us can fix the issues so we can continue to use it.
Do you continue to use WebUI ? Is it still worth to learn 2 years latter (the documentation doesn't seem complete) ? Is it easy to deploy to users ? thanks.
i try it and the result is the window tkinter get very small and just showing the bacground in small window and absolutely cut off, can you help me? i really need help
you basically have to copy and paste the 'background' image/element that is underneath your button and then resize it to fit inside the square area under the button. (i think it's because tkinter doesn't allow for transparency on buttons so we just trick the user to think the button is rounded while actually it's a square)
Awesome tool sir👌 , but i need to create a entry form for that i wish to use figma to create my UI. I need a combobox and checkbox in my GUI window . If i created a combobox in figma then what should i name the group for combobox? is it possible to create combo box or checkbox or radio button in figma to tkinter🤔? I Hope you will reply me😁 and update your Tkdesigner tool😉🙏
Thank you for this. It is similar to what Proxilight guys did also. Iread your documentation and how you got your inspiration. Very cool. This is lovely. Maybe you can compile it as an exe or msi file for easier installation.
@@jadhavparth Please do, for what ever reason all im getting is errors when i run the gui.py says it cant add tkdesigner to the PATH and no module jinja2 but I follow the install perfectly and dependancies install just fine
Admettons j'ai crée un programme python, qui traite les factures, c a d. Mon programme demande à quelqu'un d'entré la quantité, libellés, et calcul le prix global alors mon problème est de savoir comment je pourrais stocker cette facture sous forme PDF, Excel ou Word avec la forme normale d une vraie facture
Hello, thanks for the video. I want to prepare a design which includes frames and each frame has its own button to upload an image. Also uploaded images should be visible in the program. How can I design it using tkdesigner?
hi, great work but i keep getting this error and i can not launch to designer; " File "gui.py", line 60 f"{output} already exists and is not a directory. ""
are you still working on this? this is AWESOME, good work! I am doing something wrong tho, as i cant figure out how to download the design on windows :/
Mr. Parth jhadav did you claim any content or something else, I received copyright strike on my page . I made video by my self, using screen recording , video was on figma and python. Kindly check yourself and reply
What if I used a vector in Figma, how should I name it? I got this error which I can't solve it😭 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
Exception in Tkinter callback Traceback (most recent call last): File "C:\Tkinter-Designer-master\tkdesigner\designer.py", line 21, in to_code frame = Frame(f, self.figma_file, self.output_path, self.frameCounter) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "C:\Tkinter-Designer-master\tkdesigner\figma\frame.py", line 31, in __init__ for child in self.children ^^^^^^^^^^^^^ TypeError: 'NoneType' object is not iterable During handling of the above exception, another exception occurred: Traceback (most recent call last): File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.12_3.12.2032.0_x64__qbz5n2kfra8p0\Lib\tkinter\__init__.py", line 1968, in __call__ return self.func(*args) ^^^^^^^^^^^^^^^^ File "C:\Tkinter-Designer-master\gui\gui.py", line 72, in btn_clicked designer.design() File "C:\Tkinter-Designer-master\tkdesigner\designer.py", line 32, in design code = self.to_code() ^^^^^^^^^^^^^^ File "C:\Tkinter-Designer-master\tkdesigner\designer.py", line 23, in to_code raise Exception("Frame not found in figma file or is empty") Exception: Frame not found in figma file or is empty Traceback (most recent call last): File "C:\Tkinter-Designer-master\gui\gui.py", line 196, in window.mainloop() File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.12_3.12.2032.0_x64__qbz5n2kfra8p0\Lib\tkinter\__init__.py", line 1505, in mainloop self.tk.mainloop(n) KeyboardInterrupt Process finished with exit code -1073741510 (0xC000013A: interrupted by Ctrl+C) This is the full error code i get trying to convert it to code
![The ultimate introduction to modern GUIs in Python [ with tkinter ]](/img/n.gif)
for the buttons you can use the code and modify it to use CTK istead of TK , works just fine and got the rounded corners
Do I need to modify the surce code for it or what? How do I use this designer with ctk?
@@anshulgada4712 just import ctk as ctk, if you used tk as tk just replace each .tk with .ctk, works just like that
I appreciate the tutorial, but your use of hotkeys without something on-screen showing us what you’re pressing makes it difficult to follow. I lost you when you changed the style of the button and when you duplicated the background.
Sorry about that, I’ll keep that in mind.
Daaaaannggg!! That was super helpful. Thanks buddy.😍
This is pretty damn awesome dude thanks for sharing your creativity and providing this awesome tool 🙏
Thanks for sharing such a convenient tool, bro! So helpful for people who are still learning like me
Very cool! I like how you showed the parts where it didnt work so we could see your troubleshooting. Thanks
Like and subscribed, I appreciate your effort and the fact that you chose to share it with us
Amazing project!
Realy helpful, thanks man!
thank youParth, really very nice and awesome tool 👌
???????? How did you run the tool????????????????????????
Anaconda comes packed with QT designer that´s very cool as well. Congrats!!!!!
How i can make switch frames by making multiple frames in figma and convert it into python using tkdesigner?
Very Helpful, Keep Speed slow and explain thing in details. It is a teachers advise.
that's impressive and very useful thank you so much sir
Whats your view on Flet-flutter with python ? in comparison to tkinter ? Plz make GUI with Flet also !
Great Work. But now it doesn't work, and even the repo is not maintained. Seeing many people have similar issue. "Exception: Frame not found in figma file or is empty", Though Frame is present and contains line, textarea, buttons etc.
Hi, yes , I'm getting that same error as well. But it was a great idea and amazing initial project. Hope the community or one of us can fix the issues so we can continue to use it.
On your Figma design you need to create a "Frame" and put all objects there :)
Nice one!
I'm using WebUI with web technologies
Do you continue to use WebUI ? Is it still worth to learn 2 years latter (the documentation doesn't seem complete) ? Is it easy to deploy to users ? thanks.
Maybe you can use custom tkinter for more customizable and less line?
The goal is to have all the code in basic tkinter without any external libraries
@@jadhavparth what about making an alternative of it? Or can you show me how their API works
can you integrate or use custom tkinter to tkinter-designer to make a much beautiful python gui?
I get a white outline when i press the button, i followed the process but i still get the outline, any fix for this?
Does this also work with more complex buttons such as dropdowns, checkboxes, choose folders etc.?
i try it and the result is the window tkinter get very small and just showing the bacground in small window and absolutely cut off, can you help me? i really need help
Just increase the frame size in figma
@@jadhavparth what's the correct size bro?
@@maatcode there’s no correct size. It depends on you, Make it big or small that’s your choice
can this be used with pycharm?
I did the same as the tutorial shown, but the area around the button is still white in colour, may I know how to fix it?
you basically have to copy and paste the 'background' image/element that is underneath your button and then resize it to fit inside the square area under the button. (i think it's because tkinter doesn't allow for transparency on buttons so we just trick the user to think the button is rounded while actually it's a square)
Can this be used on windows?
So basically every item and input fields are just image segments well positioned...
thank you for creating this
You're a great guy. Keep it up. Wish I can donate something to you for your good work. Create a patreon?
Thanks, You could checkout the Github read me. It has links to the donation page.
Once i have downloaded and unzipped Tkinter-Designer .
I have have a Tkinter-Designer-master Folder .
Now what ?
my python is 3.11 so pillow 8.4 cant build wheel for pillow how can i fix
Install it
Awesome tool sir👌 , but i need to create a entry form for that i wish to use figma to create my UI. I need a combobox and checkbox in my GUI window . If i created a combobox in figma then what should i name the group for combobox? is it possible to create combo box or checkbox or radio button in figma to tkinter🤔? I Hope you will reply me😁 and update your Tkdesigner tool😉🙏
Thank you for this. It is similar to what Proxilight guys did also. Iread your documentation and how you got your inspiration. Very cool. This is lovely. Maybe you can compile it as an exe or msi file for easier installation.
Regarding Proxlight -> 0:25 Proxlight is copied from tkinter-designer
Yes, I’m thinking of making an executable.
@@jadhavparth Please do, for what ever reason all im getting is errors when i run the gui.py says it cant add tkdesigner to the PATH and no module jinja2 but I follow the install perfectly and dependancies install just fine
@@jadhavparth how can you prove that... you might have copied them??
@@jdqcdc Check the dates :)
Hi, can you help me? im trying put the file url, but it shows that its not a valid URL
does it support figma animation to python code ?
you have done great a job ! friend
Hello sir
In my case assets not coming
Admettons j'ai crée un programme python, qui traite les factures, c a d. Mon programme demande à quelqu'un d'entré la quantité, libellés, et calcul le prix global alors mon problème est de savoir comment je pourrais stocker cette facture sous forme PDF, Excel ou Word avec la forme normale d une vraie facture
How to connect multiple frames using tkinter designer? Please response
This is so useful but I've got questions. Hopefully I can find you on your discord and ask them and thank you!
How can we put placeholder in textbox ?
how can i draw a table in it??
can be compiled to android?
I have an issue error : Frame not Found in Figma file or is empty
On your Figma design you need to create a "Frame" and put all objects there :)
@@alonsolucianogiraldomartin5936 Thank's!
Hello, thanks for the video. I want to prepare a design which includes frames and each frame has its own button to upload an image. Also uploaded images should be visible in the program. How can I design it using tkdesigner?
It will just convert the design, you gotta implement the logic yourself.
freaking cool
Why indians are so good in programming? I have a lit bit jalous hehe hugs hugs
How about Checkbox?
responsiveness?
amazing
Can we design a dropdown in this software?
BTW Thanks for the talented software
how would u do this with windows
I'm still trying but why the GUI is not responding while conversing the design..
It's single threaded, GUI won't respond when creating the design.
hi, great work but i keep getting this error and i can not launch to designer; " File "gui.py", line 60
f"{output} already exists and is not a directory.
""
Please create issue on github with the details so I can check
are you still working on this? this is AWESOME, good work!
I am doing something wrong tho, as i cant figure out how to download the design on windows :/
Hey there, Can you create an issue on github with the details so I can check it?
I've cloned it but I'm confused on how to actually get to the webpage to start designing... I'm new to python, learning it in highschool
Go to Figma.com to create the design
Very confused about rounded button
thanks.. how to add scroll bar
It's not supported yet
i am not able to get python code
U R legend
the 1000 th subscriber
"Please enter a valid url file" Help me please!
Replace "design" in URL with "file"
@@kawthersiahmed8134 Thanks a lot! It worked!!!
i have not added image but solid color rectangle in my frame can u tell me how can i remove the white corner without the image thing?
Not working -_-
bro it shows invalid URL
Mr. Parth jhadav did you claim any content or something else, I received copyright strike on my page . I made video by my self, using screen recording , video was on figma and python. Kindly check yourself and reply
holy shit this is amazing
great！
why is my url invalid
anyone with the same problem?
audio in very low Sir
thank you
Python how to make Round Modern Button in less than 5 minutes 2023
I love you
Bro how to add a gif?
What if I used a vector in Figma, how should I name it?
I got this error which I can't solve it😭
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
Exception in Tkinter callback
Traceback (most recent call last):
File "C:\Tkinter-Designer-master\tkdesigner\designer.py", line 21, in to_code
frame = Frame(f, self.figma_file, self.output_path, self.frameCounter)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
File "C:\Tkinter-Designer-master\tkdesigner\figma\frame.py", line 31, in __init__
for child in self.children
^^^^^^^^^^^^^
TypeError: 'NoneType' object is not iterable
During handling of the above exception, another exception occurred:
Traceback (most recent call last):
File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.12_3.12.2032.0_x64__qbz5n2kfra8p0\Lib\tkinter\__init__.py", line 1968, in __call__
return self.func(*args)
^^^^^^^^^^^^^^^^
File "C:\Tkinter-Designer-master\gui\gui.py", line 72, in btn_clicked
designer.design()
File "C:\Tkinter-Designer-master\tkdesigner\designer.py", line 32, in design
code = self.to_code()
^^^^^^^^^^^^^^
File "C:\Tkinter-Designer-master\tkdesigner\designer.py", line 23, in to_code
raise Exception("Frame not found in figma file or is empty")
Exception: Frame not found in figma file or is empty
Traceback (most recent call last):
File "C:\Tkinter-Designer-master\gui\gui.py", line 196, in
window.mainloop()
File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.12_3.12.2032.0_x64__qbz5n2kfra8p0\Lib\tkinter\__init__.py", line 1505, in mainloop
self.tk.mainloop(n)
KeyboardInterrupt
Process finished with exit code -1073741510 (0xC000013A: interrupted by Ctrl+C)
This is the full error code i get trying to convert it to code