7833hLambda / Proxlight-Designer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Proxlight Designer

Automate Tkinter GUI Creation


πŸ’‘ Introduction

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

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


β˜„οΈ Advantages of Proxlight Designer

  1. Drag and Drop Interfaces
  2. Significantly faster than creating code manually.
  3. Ability to create more beautiful interfaces.

πŸ¦‹ Supporting Proxlight Designer

Life without coffee is like something without something … sorry, I haven’t had any coffee yet.

Buy Me A Coffee

πŸ›  Installing Proxlight Designer

git clone https://github.com/Proxlight/Proxlight-Designer

cd Tkinter-Designer

pip3 install -r requirements.txt

python3 tkinter_designer.py

⚑️ Using Proxlight Designer

The instructions contain all the information about installing and using Proxlight Designer, along with information for troubleshooting and reporting issues. There is also a video format.

Visit Youtube Channel
Website



πŸ“ 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 Proxlight Designer.

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



🎯 Examples

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

The following are not my creations.

Registration Page

Example 1

Branding Page

Example 2

πŸ”₯ Showcase

If your app was made with Proxlight Designer, let me know. It will be helpful for others to see more examples!
(See: Contact Me)



  • Background β€” should be named Background (in Figma)
  • Buttons β€” should be named Button (in Figma)
    • When creating a button, add a Rectangle behind the actual button with the same color as the background color.
  • Entry β€” should be named TextBox (in Figma)
  • Rectangles β€” should be named Rectangle (in Figma)
  • Text β€” All text in the design should be created as text.

Before converting a Figma file to Python code using Proxlight Designer, make sure that both the X & Y coordinates of the frame are 0.



πŸ“ Contact Me

If you want to contact me, you can reach me at Proxlight02@gmail.com



πŸ“„ License

Proxlight 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

About

License:GNU General Public License v3.0


Languages

Language:Python 100.0%