Create Beautiful Python GUI in 10 Minutes 🐍 | Tkinter Designer Tutorial

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 115

  • @Dent42
    @Dent42 2 роки тому +24

    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.

    • @jadhavparth
      @jadhavparth  Рік тому +9

      Sorry about that, I’ll keep that in mind.

  • @amadartificer2743
    @amadartificer2743 Рік тому +24

    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

    • @anshulgada4712
      @anshulgada4712 3 місяці тому

      Do I need to modify the surce code for it or what? How do I use this designer with ctk?

    • @amadartificer2743
      @amadartificer2743 3 місяці тому

      @@anshulgada4712 just import ctk as ctk, if you used tk as tk just replace each .tk with .ctk, works just like that

  • @wuddz-devs
    @wuddz-devs 2 роки тому +20

    This is pretty damn awesome dude thanks for sharing your creativity and providing this awesome tool 🙏

  • @imusama
    @imusama Рік тому +7

    Daaaaannggg!! That was super helpful. Thanks buddy.😍

  • @bintangazka1300
    @bintangazka1300 9 місяців тому +1

    How i can make switch frames by making multiple frames in figma and convert it into python using tkdesigner?

  • @thatcolinbloke
    @thatcolinbloke 8 місяців тому +1

    Very cool! I like how you showed the parts where it didnt work so we could see your troubleshooting. Thanks

  • @baheth3elmy16
    @baheth3elmy16 Рік тому +3

    ???????? How did you run the tool????????????????????????

  • @ihearcolors6216
    @ihearcolors6216 Рік тому +1

    I get a white outline when i press the button, i followed the process but i still get the outline, any fix for this?

  • @smanzoli
    @smanzoli Рік тому +4

    Anaconda comes packed with QT designer that´s very cool as well. Congrats!!!!!

  • @vmars316
    @vmars316 День тому

    Once i have downloaded and unzipped Tkinter-Designer .
    I have have a Tkinter-Designer-master Folder .
    Now what ?

  • @Tarce3000
    @Tarce3000 Рік тому +2

    Like and subscribed, I appreciate your effort and the fact that you chose to share it with us

  • @manuellernst3700
    @manuellernst3700 9 місяців тому

    Thanks for sharing such a convenient tool, bro! So helpful for people who are still learning like me

  • @maatcode
    @maatcode 2 роки тому +2

    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

    • @jadhavparth
      @jadhavparth  2 роки тому +1

      Just increase the frame size in figma

    • @maatcode
      @maatcode 2 роки тому +1

      @@jadhavparth what's the correct size bro?

    • @jadhavparth
      @jadhavparth  2 роки тому

      @@maatcode there’s no correct size. It depends on you, Make it big or small that’s your choice

  • @user-tl1zw2rc4b
    @user-tl1zw2rc4b Рік тому +1

    my python is 3.11 so pillow 8.4 cant build wheel for pillow how can i fix

  • @m4RIK
    @m4RIK Рік тому

    Does this also work with more complex buttons such as dropdowns, checkboxes, choose folders etc.?

  • @junkai6877
    @junkai6877 Рік тому +1

    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?

    • @_LordLux_
      @_LordLux_ Рік тому

      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)

  • @mawkuri5496
    @mawkuri5496 5 місяців тому

    can you integrate or use custom tkinter to tkinter-designer to make a much beautiful python gui?

  • @AncientAstrologyPalmistry
    @AncientAstrologyPalmistry Рік тому +1

    Very Helpful, Keep Speed slow and explain thing in details. It is a teachers advise.

  • @reyesssss6098
    @reyesssss6098 7 місяців тому

    Hi, can you help me? im trying put the file url, but it shows that its not a valid URL

  • @glodieelprofa9521
    @glodieelprofa9521 Рік тому +1

    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

  • @sudhakaruk1
    @sudhakaruk1 Рік тому +2

    thank youParth, really very nice and awesome tool 👌

  • @mlworks
    @mlworks Рік тому +5

    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.

    • @tipsytoesdev
      @tipsytoesdev Рік тому +1

      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.

    • @mateuszczaja718
      @mateuszczaja718 11 місяців тому +1

      On your Figma design you need to create a "Frame" and put all objects there :)

  • @guiguifishy
    @guiguifishy 2 роки тому +1

    I have an issue error : Frame not Found in Figma file or is empty

  • @eduardomedeirospereira1811
    @eduardomedeirospereira1811 Рік тому +2

    Amazing project!

  • @loserfuture
    @loserfuture 9 місяців тому

    does it support figma animation to python code ?

  • @steven7961
    @steven7961 Рік тому +1

    can this be used with pycharm?

  • @TaniaKisha
    @TaniaKisha 3 місяці тому

    So basically every item and input fields are just image segments well positioned...

  • @tigerandres117
    @tigerandres117 Рік тому +1

    Can this be used on windows?

  • @alialilou4826
    @alialilou4826 Рік тому +2

    that's impressive and very useful thank you so much sir

  • @gustavnielsen9083
    @gustavnielsen9083 4 місяці тому

    Realy helpful, thanks man!

  • @albertshown3174
    @albertshown3174 2 роки тому +2

    Nice one!
    I'm using WebUI with web technologies

    • @FrancoisSchnell
      @FrancoisSchnell 5 днів тому

      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.

  • @Huseyin-ty1qd
    @Huseyin-ty1qd 10 місяців тому

    How can we put placeholder in textbox ?

  • @thushanichandrasekara7867
    @thushanichandrasekara7867 Рік тому

    How to connect multiple frames using tkinter designer? Please response

  • @ShreYyy20902
    @ShreYyy20902 Рік тому +1

    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?

  • @thomasstefenmardianto6228
    @thomasstefenmardianto6228 2 роки тому

    I'm still trying but why the GUI is not responding while conversing the design..

    • @jadhavparth
      @jadhavparth  2 роки тому

      It's single threaded, GUI won't respond when creating the design.

  • @pyalgoGPT
    @pyalgoGPT 2 роки тому +4

    Whats your view on Flet-flutter with python ? in comparison to tkinter ? Plz make GUI with Flet also !

  • @AT_ANYTHING03
    @AT_ANYTHING03 Рік тому +1

    Hello sir
    In my case assets not coming

  • @Limitless_Technologies
    @Limitless_Technologies 6 місяців тому

    how can i draw a table in it??

  • @marilynlucas5128
    @marilynlucas5128 2 роки тому +3

    You're a great guy. Keep it up. Wish I can donate something to you for your good work. Create a patreon?

    • @jadhavparth
      @jadhavparth  2 роки тому

      Thanks, You could checkout the Github read me. It has links to the donation page.

  • @ecekarakas4147
    @ecekarakas4147 2 роки тому

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

    • @jadhavparth
      @jadhavparth  2 роки тому

      Please create issue on github with the details so I can check

  • @KaisoulTV
    @KaisoulTV 2 роки тому +3

    Maybe you can use custom tkinter for more customizable and less line?

    • @jadhavparth
      @jadhavparth  2 роки тому

      The goal is to have all the code in basic tkinter without any external libraries

    • @KaisoulTV
      @KaisoulTV 2 роки тому

      @@jadhavparth what about making an alternative of it? Or can you show me how their API works

  • @justadud-vy1cu
    @justadud-vy1cu 11 місяців тому

    how would u do this with windows

  • @cgrimesmusic2535
    @cgrimesmusic2535 2 роки тому +1

    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

    • @jadhavparth
      @jadhavparth  2 роки тому

      Go to Figma.com to create the design

  • @sol999__6
    @sol999__6 2 місяці тому

    can be compiled to android?

  • @anaturuchii1389
    @anaturuchii1389 2 роки тому +11

    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
      @jadhavparth  2 роки тому +4

      Regarding Proxlight -> 0:25 Proxlight is copied from tkinter-designer

    • @jadhavparth
      @jadhavparth  2 роки тому

      Yes, I’m thinking of making an executable.

    • @thegoldenatlas753
      @thegoldenatlas753 2 роки тому

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

    • @jdqcdc
      @jdqcdc Рік тому

      @@jadhavparth how can you prove that... you might have copied them??

    • @jadhavparth
      @jadhavparth  Рік тому +1

      @@jdqcdc Check the dates :)

  • @random_state
    @random_state 2 роки тому +2

    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?

    • @jadhavparth
      @jadhavparth  2 роки тому +1

      It will just convert the design, you gotta implement the logic yourself.

  • @gonzalezignacio3049
    @gonzalezignacio3049 7 місяців тому

    "Please enter a valid url file" Help me please!

  • @Jo-bf2hf
    @Jo-bf2hf 8 місяців тому

    i am not able to get python code

  • @panda2201a
    @panda2201a Рік тому

    How about Checkbox?

  • @MD_GESAN
    @MD_GESAN 5 місяців тому

    Very confused about rounded button

  • @Nahsh5ba
    @Nahsh5ba 6 місяців тому

    responsiveness?

  • @navajyothputalath9457
    @navajyothputalath9457 5 місяців тому

    bro it shows invalid URL

  • @kiritkumarpatel-y5f
    @kiritkumarpatel-y5f Рік тому +2

    Can we design a dropdown in this software?
    BTW Thanks for the talented software

  • @GabrielHabermanIT
    @GabrielHabermanIT 5 місяців тому +1

    Why indians are so good in programming? I have a lit bit jalous hehe hugs hugs

  • @Unlucky_Coder21
    @Unlucky_Coder21 Рік тому +1

    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😉🙏

  • @TheWorldFamousX
    @TheWorldFamousX 2 роки тому +2

    thank you for creating this

  • @slenderman3432
    @slenderman3432 2 роки тому +1

    thanks.. how to add scroll bar

  • @HarryKey
    @HarryKey 2 місяці тому

    This is so useful but I've got questions. Hopefully I can find you on your discord and ask them and thank you!

  • @TejaNathi
    @TejaNathi 2 роки тому +2

    you have done great a job ! friend

  • @rajaskarandikar5014
    @rajaskarandikar5014 Рік тому +1

    Not working -_-

  • @akishabriones3166
    @akishabriones3166 7 місяців тому

    why is my url invalid

  • @learningwithnoman
    @learningwithnoman 11 місяців тому

    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

  • @onyxaustria
    @onyxaustria 2 роки тому +1

    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 :/

    • @jadhavparth
      @jadhavparth  2 роки тому

      Hey there, Can you create an issue on github with the details so I can check it?

  • @barhoumiahmed179
    @barhoumiahmed179 Рік тому

    the 1000 th subscriber

  • @nfcradio4622
    @nfcradio4622 Рік тому

    audio in very low Sir

  • @srgeyt
    @srgeyt Рік тому +1

    amazing

  • @varunahlawat9013
    @varunahlawat9013 Рік тому +1

    freaking cool

  • @primera04
    @primera04 Рік тому +1

    thank you

  • @someone-kw3ou
    @someone-kw3ou 2 роки тому +1

    holy shit this is amazing

  • @benzninyok764
    @benzninyok764 3 місяці тому

    U R legend

  • @TheDarkSide-s5t
    @TheDarkSide-s5t Рік тому

    Python how to make Round Modern Button in less than 5 minutes 2023

  • @xiaoyangfeng4067
    @xiaoyangfeng4067 7 місяців тому

    great!

  • @lokeshart3340
    @lokeshart3340 11 місяців тому

    Bro how to add a gif?

  • @choroloco7031
    @choroloco7031 Рік тому +1

    I love you

  • @jessicam3256
    @jessicam3256 9 місяців тому

    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

  • @redstandard66
    @redstandard66 2 місяці тому

    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