{"id":25005520,"url":"https://github.com/proxlight/proxlight-designer","last_synced_at":"2025-04-12T14:40:40.249Z","repository":{"id":111685883,"uuid":"382659459","full_name":"Proxlight/Proxlight-Designer","owner":"Proxlight","description":null,"archived":false,"fork":false,"pushed_at":"2021-07-03T16:21:24.000Z","size":43,"stargazers_count":38,"open_issues_count":2,"forks_count":14,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-26T09:11:41.544Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Proxlight.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-07-03T16:18:09.000Z","updated_at":"2025-01-08T17:22:43.000Z","dependencies_parsed_at":"2023-03-13T13:34:56.273Z","dependency_job_id":null,"html_url":"https://github.com/Proxlight/Proxlight-Designer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Proxlight%2FProxlight-Designer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Proxlight%2FProxlight-Designer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Proxlight%2FProxlight-Designer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Proxlight%2FProxlight-Designer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Proxlight","download_url":"https://codeload.github.com/Proxlight/Proxlight-Designer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248582358,"owners_count":21128363,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-05T00:40:30.966Z","updated_at":"2025-04-12T14:40:40.244Z","avatar_url":"https://github.com/Proxlight.png","language":"Python","funding_links":["https://www.buymeacoffee.com/Proxlight"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n\n  \u003ch1 align=\"center\" style=\"margin: 0 auto 0 auto;\"\u003eProxlight Designer\u003c/h1\u003e\n  \u003ch5 align=\"center\" style=\"margin: 0 auto 0 auto;\"\u003eAutomate Tkinter GUI Creation\u003c/h5\u003e\n  \u003c/p\u003e\n\n\n\n  \u003cbr\u003e\n\n## 💡 Introduction\n\nProxlight Designer was created to speed up the GUI-development process in Python. It uses the well-known design software [Figma](https://www.figma.com/) to make creating beautiful Tkinter GUIs in Python a piece of cake.\n\nProxlight 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.\n\n___\n\n## ☄️  Advantages of Proxlight Designer\n1. Drag and Drop Interfaces\n2. Significantly faster than creating code manually.\n3. Ability to create more beautiful interfaces.\n\n___\n\n## 🦋 Supporting Proxlight Designer\n\nLife without coffee is like something without something … sorry, I haven’t had any coffee yet. \n\n\u003ca href=\"https://www.buymeacoffee.com/Proxlight\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png\" alt=\"Buy Me A Coffee\" width=\"217px\" \u003e\u003c/a\u003e\n\n\n## 🛠  Installing Proxlight Designer\n\n```\ngit clone https://github.com/Proxlight/Proxlight-Designer\n\ncd Tkinter-Designer\n\npip3 install -r requirements.txt\n\npython3 tkinter_designer.py\n```\n\n## ⚡️ Using Proxlight Designer\n\nThe 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.\n\n[Visit Youtube Channel](https://www.youtube.com/channel/UCZY5SODGdRzOeD_lHCzPdKg)  \n[Website](https://www.plexusdesigns.cf/)\n___\n\u003cbr\u003e\n\n## 📐 How it Works\nThe 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.\n\nProxlight Designer will automatically generate all the code and images required to create the GUI in Tkinter.\n\n___\n\u003cbr\u003e\n\n## 🎯 Examples\nThe possibilities are endless with Proxlight Designer, but here are a couple of GUIs that can be perfectly replicated in Tkinter.\n\n\u003csmall\u003eThe following are not my creations.\u003c/small\u003e\n\n### Registration Page\n\u003cimg width=\"467\" alt=\"Example 1\" src=\"https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png\"\u003e\n\n### Branding Page\n\u003cimg width=\"467\" alt=\"Example 2\" src=\"https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png\"\u003e\n\n\n## 🔥 Showcase\nIf your app was made with Proxlight Designer, let me know. It will be helpful for others to see more examples!  \n(See: [Contact Me](#-contact-me))\n\n___\n\u003cbr\u003e\n \n\n* Background \u0026mdash; should be named `Background` (in Figma)\n* Buttons \u0026mdash; should be named `Button` (in Figma)\n   * When creating a button, add a Rectangle behind the actual button with the same color as the background color.\n* Entry \u0026mdash; should be named `TextBox` (in Figma)\n* Rectangles \u0026mdash; should be named `Rectangle` (in Figma)\n* Text \u0026mdash; All text in the design should be created as text.\n\n\nBefore converting a Figma file to Python code using Proxlight Designer, make sure that both the X \u0026amp; Y coordinates of the frame are 0.\n\n___\n\u003cbr\u003e\n\n## 📝 Contact Me\n\nIf you want to contact me, you can reach me at Proxlight02@gmail.com\n\n___\n\u003cbr\u003e\n\n## 📄 License\n\u003c!--- If you're not sure which open license to use see https://choosealicense.com/---\u003e\n\nProxlight Designer is licensed under the BSD 3-Clause \"New\" or \"Revised\" License.  \n[View Here.](https://github.com/Proxlightv/Proxlight-Designer/blob/master/LICENSE)\n\n| Permissions | Restrictions | Conditions\n| --- | --- | --- \n\u0026check; Commercial Use | \u0026times; Liability | \u0026#x1f6c8; License and Copyright Notice\n\u0026check; Modification   | \u0026times; Warranty\n\u0026check; Distribution  \n\u0026check; Private Use\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fproxlight%2Fproxlight-designer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fproxlight%2Fproxlight-designer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fproxlight%2Fproxlight-designer/lists"}