Tkinter-Designer README

The project's README from github.com/ParthJadhav/Tkinter-Designer. As one markdown file: README.md.

bloom-banner-01-light-tags-1500x500

logo

Tkinter Designer

Drag & Drop GUI Creator

Tkinter Designer - No-code solution for Python GUI's | Product Hunt


Translations

💡 Introduction

Tkinter Designer was created to speed up the GUI development process in Python. It uses the well-known design software Figma to make creating beautiful Tkinter GUIs in Python a piece of cake 🍰.

Tkinter Designer uses the Figma API to analyze a design file and create the respective code and files needed for the GUI. Even Tkinter Designer's GUI is created using Tkinter Designer.

Tkinter Designer GUI

📢 Announcement

🎉 Multi frame support is here! 🎉

You can now create multiple frames in a single design file and Tkinter Designer will create the respective code and files for each frame. This is a huge step for Tkinter Designer and I'm really excited to see what you guys create with it.

Feel free to share your creations with the community on Discord.

If you encounter any bugs or have any suggestions, please create an issue here.

☄️ Advantages of Tkinter Designer

  1. Interfaces with drag and drop.
  2. A great deal quicker than writing code by hand
  3. Produce more gorgeous interfaces

⚡️ Read the instruction here

View the YouTube video or read the instructions below.

Instructions Youtube Tutorial

Requirements

Tkinter Designer supports Python 3.9 and newer. Install it with:

pip install tkdesigner

The CLI accepts both current figma.com/design/... links and legacy figma.com/file/... links. If you select a specific frame before copying the Figma link, Tkinter Designer will generate that selected frame. Always wrap Figma URLs in quotes when running from a shell, because Figma links often include ? and & query parameters.

tkdesigner "$FILE_URL" "$FIGMA_TOKEN"

To generate a class-based Tkinter app:

tkdesigner --template class $FILE_URL $FIGMA_TOKEN

To generate one app with Back/Next navigation across multiple Figma frames:

tkdesigner --template pages $FILE_URL $FIGMA_TOKEN

Generated apps can also apply a ttk theme:

tkdesigner --theme clam $FILE_URL $FIGMA_TOKEN

Generated gui.py files can be imported from another Python file without starting mainloop() automatically, so you can attach commands separately and regenerate the UI later. Use -f when you want the CLI to clear and regenerate an existing build directory.

🦋 Supporting Tkinter Designer

Consider making a donation to the Tkinter Designer project if you or your business have benefited from it. This will accelerate Tkinter Designer's development! Making coffee is simple; I'll be happy to enjoy one.

Buy Me A Coffee Paypal

🔵 Discord server & Linkedin

Click the button below to join the discord server or Linkedin

Join Discord Server Connect on Linkedin

📐 How it Works

The only thing the user needs to do is design an interface with Figma, and then paste the Figma file URL and API token into Tkinter Designer.

Tkinter Designer will automatically generate all the code and images required to create the GUI in Tkinter.

How it Works

🎯 Examples

The possibilities are endless with Tkinter Designer, but here are a couple of GUIs that can be perfectly replicated in Tkinter.

The following are not my creations.

HotinGo (More Info)

Example 3

CodTubify (More Info)

Example 3

BeAnonymous (More Info)

Example 1

Frame Recorder (More Info)

Example 3

WhatBulk (More Info)

Example 3

Atarbals-Modern-Antivirus (More Info)

Example 3

🔥 Showcase

Please let me know if Tkinter Designer was used to create your app. More illustrations will be beneficial for other people!

(See: Contact Me) or use Show and Tell section in Discussions.

📄 License

Tkinter Designer is licensed under the BSD 3-Clause "New" or "Revised" License.
View Here.

Permissions Restrictions Conditions
✓ Commercial Use × Liability 🛈 License and Copyright Notice
✓ Modification × Warranty
✓ Distribution
✓ Private Use

Contribute

All contributions from the open-source community, individuals, and partners are welcomed. Our achievement is a result of your active participation.

Contributing guidelines

Code of conduct

LEARN.md

Connect with me on Linkedin

Author

Created by Parth Jadhav.

Tkinter-Designer (ParthJadhav/Tkinter-Designer)

figma
Searching Database…

10.3K ·GitHub
Tkinter-Designer
What is this?Tkinter Designer is a tool that turns Figma designs into working Python Tkinter GUIs: it reads your design file through the Figma API and generates all the code and images the GUI needs.
So I draw the interface in Figma and it writes the Python code for me?Exactly — it's a code generator, not a library. You paste a Figma file URL and an API token, and it analyzes the design and emits the Tkinter code plus the image files. You drive it via a CLI, and it ships with its own GUI too.
How do I get it running?Install the package with pip (Python 3.9 or newer is required), then run Tkinter Designer and paste in your Figma file URL and API token.
Do I need anything in Figma besides my design?Just a Figma account with your design in it — the tool authenticates with a Figma API token to read the file. Other than that you only need Python 3.9+.
Any pitfalls when pasting the Figma link?Yes — quote the URL in your shell, because Figma links often contain ? and & parameters that break unquoted commands. Also, if you select a specific frame before copying the link, that selected frame is what gets generated.
Can it generate an app with multiple screens?Yes. Besides single-frame output it can generate a class-based Tkinter app, or one app with Back/Next navigation across multiple Figma frames; generated apps can also apply a ttk theme.
How do I wire my own logic to the generated interface?The generated gui.py can be imported from another Python file without auto-starting the mainloop, so you can attach your own commands to the widgets and regenerate the UI later.
I tweaked my Figma design — how do I refresh the generated GUI?Re-run the CLI with the -f flag: it clears the existing build directory and regenerates everything from the updated design.
Is Tkinter Designer itself built with Tkinter Designer?Yes — the README points out that even Tkinter Designer's own GUI was created using Tkinter Designer, which doubles as a live showcase of what the tool produces.
What are similar projects?PySimpleGUI, CustomTkinter, Gooey, Filee, The-Complete-FAANG-Preparation, pyinstaller, rustcast, Core-Framework
Which topics is it in?design-tool, learn, fast, figma, drag-and-drop, python3, code-generation, beginner-friendly, hacktoberfest, ui, desktop, command-line-tool
Creator
ParthJadhav
Size
10.1 MB
Stars
10.3K
Updated
CommitOct 16Releasev1.0.7Jan 22
Age
5y
Commits · 90 Days