parthjadhav/tkinter-designer

★ 10,234PythonAudience · vibe coderComplexity · 2/5Setup · moderate

Mindmap

mindmap
  root((tkinter-designer))
    What it does
      Figma to Python code
      Generates Tkinter UI
      Exports image assets
    Workflow
      Design in Figma
      Copy URL and token
      Run tkdesigner CLI
    Output templates
      Plain script
      Class-based
      Multi-page app
    Requirements
      Python 3.9 or newer
      pip install
      Figma API token

mindmap root((tkinter-designer)) What it does Figma to Python code Generates Tkinter UI Exports image assets Workflow Design in Figma Copy URL and token Run tkdesigner CLI Output templates Plain script Class-based Multi-page app Requirements Python 3.9 or newer pip install Figma API token

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Build a Python desktop app UI in Figma without writing any layout code, then auto-generate the Python file with one command.

USE CASE 2

Create a multi-screen desktop app by designing several frames in a single Figma file and generating navigation code between them.

USE CASE 3

Wrap the generated Tkinter code in the class-based template to cleanly attach button click handlers and form logic.

Tech stack

PythonTkinter

Getting it running

Difficulty · moderate Time to first run · 30min

Requires a Figma account and a personal Figma API token, Python 3.9 or newer must already be installed on your machine.

In plain English

Tkinter Designer is a Python tool that converts visual designs made in Figma into working Python desktop app code. Figma is a popular browser-based design tool where you can drag and drop buttons, text fields, images, and other interface elements to build the look of an app without writing code. Tkinter is the built-in GUI library that comes with Python. Tkinter Designer bridges the two: you design in Figma, then Tkinter Designer generates the Python code that recreates that design as a runnable desktop application. The workflow is: design your app interface in Figma, copy the Figma file URL and your Figma API token, then run the tkdesigner command-line tool with those two values. The tool calls the Figma API, reads your design, and writes out a Python file plus any image assets needed to reproduce the layout. You can then run that generated file as a standard Python application. The tool supports a few output templates. The default produces a straightforward Python script. A class-based template wraps the generated code in a class, which makes it easier to connect your own logic to the buttons and inputs. A pages template handles designs with multiple frames and generates navigation between them. There is also an option to apply a visual theme to the generated app. You need Python 3.9 or newer and install the tool with pip install tkdesigner. Designs with multiple frames in a single Figma file are supported, Tkinter Designer generates code for each frame separately. The project is open source and accepts community contributions. Examples of apps built with it are shown in the README, and the creator maintains a Discord server for users.

Copy-paste prompts

Prompt 1

I designed a login screen in Figma with a username input, password input, and login button, show me how to use Tkinter Designer to turn it into a runnable Python app.

Prompt 2

How do I install Tkinter Designer and generate a Python desktop app from a Figma file URL using my personal Figma API token?

Prompt 3

How do I add a button click handler to a Python file generated by Tkinter Designer's class-based template?

Prompt 4

Can Tkinter Designer handle a Figma file with multiple frames for different screens, and what command generates navigation between them?

Open on GitHub → Explain another repo

← parthjadhav on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.