[ { "path": ".flake8", "content": "[flake8]\nextend-ignore = E251,E226\nmax-complexity = 10\nmax-line-length = 127" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: [parthjadhav]\ncustom: [\"https://paypal.me/parthJadhav22\", \"https://www.buymeacoffee.com/Parthjadhav\"]\n\n" }, { "path": ".github/ISSUE_TEMPLATE/blank-screen-without-any-elements.md", "content": "---\nname: Blank Screen without any elements\nabout: Use this template if you are getting blank screen as output.\ntitle: Blank Screen without any elements\nlabels: question\nassignees: ''\n\n---\n\nHow to Fix ?\n\nThis issue happens due to Incorrect Naming\n\nTry to fix it by reading the instruction carefully.\n\nIf the issue still persists, create an issue with the following details included.\n\n1. Error Message\n2. Link to the Figma File\n" }, { "path": ".github/ISSUE_TEMPLATE/bug-report.md", "content": "---\nname: Report bug\nabout: use this template to report bugs\ntitle: Report bug\nlabels: bug\nassignees: ''\n\n---\n\n- Briefly describe the bug\n- Operating System\n- What is the expected behavior?\n- Please provide step by step instructions on how to reproduce the bug\n" }, { "path": ".github/ISSUE_TEMPLATE/feature-request.md", "content": "---\nname: Feature request\nabout: use this template to request a feature\ntitle: Feature request\nlabels: enhancement\nassignees: ''\n\n---\n\n- Briefly describe your feature request\n- What problem is this feature trying to solve?\n- How do we know when the feature is complete?\n- Is there any possible approach you have thought of? If yes then how?\n- Would you like to participate in development of this feature?\n" }, { "path": ".github/ISSUE_TEMPLATE/key-error.md", "content": "---\nname: Key Error\nabout: Use this template if you are getting a Key Error in Tkinter Designer.\ntitle: Help\nlabels: ''\nassignees: ''\n\n---\n\nHow to Fix ?\nA key error occurs when the elements are named or grouped incorrectly. Before creating an issue, make sure that you have followed the [instructions](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/docs/instructions.md) guide correctly. \n\nIf the issue still persists, create an issue with the following details included.\n\n1. Error Message\n2. Link to the Figma File\n" }, { "path": ".github/workflows/build.yml", "content": "name: Test, Build, Release\n\non:\n # Allows for manual triggering and pull requests\n # from every branch, including forks.\n workflow_dispatch:\n pull_request:\n push:\n branches:\n - master\n \njobs:\n # Flake8 & Pytest\n lint_and_test:\n runs-on: ubuntu-latest\n strategy:\n matrix:\n python-version: [3.8, 3.9]\n steps:\n - uses: actions/checkout@v2\n - name: Set up Python ${{ matrix.python-version }}\n uses: actions/setup-python@v2\n with:\n python-version: ${{ matrix.python-version }}\n\n - name: Lint\n run: |\n curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python -\n source $HOME/.poetry/env\n poetry install\n # stop the build if there are Python syntax errors or undefined \n echo \"Flake8 Syntax Error Check\"\n poetry run flake8 --count --select=E9,F63,F7,F82 --show-source --statistics\n # stop the build if the conventions in .flake8 fail\n poetry run flake8\n \n - name: Test\n run: |\n source $HOME/.poetry/env\n poetry run pytest\n\n # Publish to Pypi\n build_and_release:\n runs-on: ubuntu-latest\n needs: lint_and_test\n if: github.ref == 'refs/heads/master'\n steps:\n - uses: actions/checkout@v2\n with:\n fetch-depth: 0 # Gets all tags and repo history\n - name: Set up Python\n uses: actions/setup-python@v2\n with:\n python-version: '3.x'\n \n - name: Version & Publish\n run: |\n curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python -\n source $HOME/.poetry/env && echo \"Poetry directory sourced.\"\n # set version number equal to latest git tag\n poetry version $(git tag | tail -1)\n # poetry config repositories.testpypi https://test.pypi.org/legacy/\n # poetry publish --build -r testpypi -u __token__ -p ${{ secrets.TEST_PYPI_TOKEN }}\n poetry publish --build -u __token__ -p ${{ secrets.PYPI_API_TOKEN }}\n \n # - name: Create GitHub Release\n # uses: ncipollo/release-action@v1\n # with:\n # artifacts: \"dist/*\"\n # bodyFile: \"README.md\"\n # token: ${{ secrets.GITHUB_TOKEN }}" }, { "path": ".github/workflows/greetings.yml", "content": "name: Greetings\n\non: [pull_request, issues]\n\njobs:\n greeting:\n runs-on: ubuntu-latest\n permissions:\n issues: write\n pull-requests: write\n steps:\n - uses: actions/first-interaction@v1\n with:\n repo-token: ${{ secrets.GITHUB_TOKEN }}\n issue-message: 'Thanks for creating an issue, we are eager to solve it.'\n pr-message: 'Thank you for the contribution! Welcome to the Tkinter Designer team. 🎉'\n" }, { "path": ".gitignore", "content": "__pycache__/\n.DS_Store\n.idea/Figma2Py.iml\n.idea/inspectionProfiles/profiles_settings.xml\n.idea/modules.xml\n.idea/vcs.xml\n.idea/misc.xml\n.idea/workspace.xml\n.vscode\nbuild/\ndist/\nenv\nresources/\nvenv/\n*.egg-info/\n*.spec\n" }, { "path": "CODE_OF_CONDUCT.md", "content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone, regardless of age, body\nsize, visible or invisible disability, ethnicity, sex characteristics, gender\nidentity and expression, level of experience, education, socio-economic status,\nnationality, personal appearance, race, religion, or sexual identity\nand orientation.\n\nWe pledge to act and interact in ways that contribute to an open, welcoming,\ndiverse, inclusive, and healthy community.\n\n## Our Standards\n\nExamples of behavior that contributes to a positive environment for our\ncommunity include:\n\n* Demonstrating empathy and kindness toward other people\n* Being respectful of differing opinions, viewpoints, and experiences\n* Giving and gracefully accepting constructive feedback\n* Accepting responsibility and apologizing to those affected by our mistakes,\n and learning from the experience\n* Focusing on what is best not just for us as individuals, but for the\n overall community\n\nExamples of unacceptable behavior include:\n\n* The use of sexualized language or imagery, and sexual attention or\n advances of any kind\n* Trolling, insulting or derogatory comments, and personal or political attacks\n* Public or private harassment\n* Publishing others' private information, such as a physical or email\n address, without their explicit permission\n* Other conduct which could reasonably be considered inappropriate in a\n professional setting\n\n## Enforcement Responsibilities\n\nCommunity leaders are responsible for clarifying and enforcing our standards of\nacceptable behavior and will take appropriate and fair corrective action in\nresponse to any behavior that they deem inappropriate, threatening, offensive,\nor harmful.\n\nCommunity leaders have the right and responsibility to remove, edit, or reject\ncomments, commits, code, wiki edits, issues, and other contributions that are\nnot aligned to this Code of Conduct, and will communicate reasons for moderation\ndecisions when appropriate.\n\n## Scope\n\nThis Code of Conduct applies within all community spaces, and also applies when\nan individual is officially representing the community in public spaces.\nExamples of representing our community include using an official e-mail address,\nposting via an official social media account, or acting as an appointed\nrepresentative at an online or offline event.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be\nreported to the community leaders responsible for enforcement at\n[Discussions Tab](https://github.com/ParthJadhav/Tkinter-Designer/discussions).\nAll complaints will be reviewed and investigated promptly and fairly.\n\nAll community leaders are obligated to respect the privacy and security of the\nreporter of any incident.\n\n## Enforcement Guidelines\n\nCommunity leaders will follow these Community Impact Guidelines in determining\nthe consequences for any action they deem in violation of this Code of Conduct:\n\n### 1. Correction\n\n**Community Impact**: Use of inappropriate language or other behavior deemed\nunprofessional or unwelcome in the community.\n\n**Consequence**: A private, written warning from community leaders, providing\nclarity around the nature of the violation and an explanation of why the\nbehavior was inappropriate. A public apology may be requested.\n\n### 2. Warning\n\n**Community Impact**: A violation through a single incident or series\nof actions.\n\n**Consequence**: A warning with consequences for continued behavior. No\ninteraction with the people involved, including unsolicited interaction with\nthose enforcing the Code of Conduct, for a specified period of time. This\nincludes avoiding interactions in community spaces as well as external channels\nlike social media. Violating these terms may lead to a temporary or\npermanent ban.\n\n### 3. Temporary Ban\n\n**Community Impact**: A serious violation of community standards, including\nsustained inappropriate behavior.\n\n**Consequence**: A temporary ban from any sort of interaction or public\ncommunication with the community for a specified period of time. No public or\nprivate interaction with the people involved, including unsolicited interaction\nwith those enforcing the Code of Conduct, is allowed during this period.\nViolating these terms may lead to a permanent ban.\n\n### 4. Permanent Ban\n\n**Community Impact**: Demonstrating a pattern of violation of community\nstandards, including sustained inappropriate behavior, harassment of an\nindividual, or aggression toward or disparagement of classes of individuals.\n\n**Consequence**: A permanent ban from any sort of public interaction within\nthe community.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage],\nversion 2.0, available at\nhttps://www.contributor-covenant.org/version/2/0/code_of_conduct.html.\n\nCommunity Impact Guidelines were inspired by [Mozilla's code of conduct\nenforcement ladder](https://github.com/mozilla/diversity).\n\n[homepage]: https://www.contributor-covenant.org\n\nFor answers to common questions about this code of conduct, see the FAQ at\nhttps://www.contributor-covenant.org/faq. Translations are available at\nhttps://www.contributor-covenant.org/translations.\n" }, { "path": "LEARN.md", "content": "# Creation Of Tkinter-Designer\n\n## Introduction\n\n Hello everyone, I'm Parth Jadhav. I am a 17 year old student. And I would like to share how I created this repository.\n\n## How does it work?\n\n Tkinter Designer uses Figma to generate the GUI. Users design the desired user interface in Figma. Then paste the URL into Tkinter Designer. TkinterDesigner uses the Figma API to get information about the file. Use that data to generate Tkinter-based GUI code in Python, using templates and more.\n\n## How it all started\n\nSo, about a year ago, I took this [online course](https://www.udemy.com/course/100-days-of-code) for Python on Udemy. I was new to Python. I was having fun with Python until it came to creating GUIs.\n\nI didn't find it interesting or easy enough to create GUIs in Python. They were mostly dull and boring. And it took a lot of effort to make it look good. So I decided to make something which will make GUIs beautiful and easy.\n\n## Discovery & Search\n\nIf you have a problem, first search to see if anyone has solved it. Often times the problem you are trying to solve is already solved by someone. In that case you could either use that solution or build up on that solution or create a solution of your own. I chose to create my own solution to the problem.\n\nI went on to search for any libraries or softwares which can solve this problem. And I found a repository -> [PySimpleGUI](https://github.com/PySimpleGUI/PySimpleGUI). I tried it and it was amazing. But I wanted to Automate stuff and do something fun. I didn't have an concrete idea on what and how to build. But wanted to create something which would make creating GUIs easier in Python.\n\nOne day I was just surfing on Youtube and found this guy working with [Figma API](https://www.figma.com/developers/api). Figma is a web based graphic design software. And it's API was able to provide the data about the design file the user is working on.\n\nThat gave me the idea to use Figma as the external tool for this project.\n\n## First steps\n\nStarting a project can sometimes be overwhelming. Sometimes we don't know where to start. Sometimes we are afraid of failures.Sometimes we don't know what to do next. It happens with everyone of us. The key is to just take that first step and start. It's not always easy to start. But it's always worth it.\n\nI went on to create `main.py` file. First thing I did was to write code to get Data from [FigmaAPI](https://www.figma.com/developers/api) and Print it. I now had a code which would get the data from Figma about a file that User designed.\n\n## Creating elements\n\nSo the next step was to create something simple from that data. It's always a good idea to start with something simple. Break your goal into small steps. My goal was to create a functional & beautiful GUI with Tkinter-Designer. So I broke it down to small steps like :-\n\n- Add Frame Feature\n- Add Label Feature\n- Add Button Feature\n- Add Entry Feature\n\nI started by writing code to add Frame Feature. Figma has an element called Frame. It's a container which can contain other elements. You can create a Frame by pressing `F` and drawing a rectangle on the canvas.\n\n_Psuedocode ahead_\n\n```python\nresponse = requests.get(\n \"https://www.figma.com/developers/api#files-endpoints + {FileID}\"\n )\n```\n\nThe above code would store the response from Figma API in `response` variable. It would have all the data about the file.\n\n```\n{\n \"document\": {\n \"id\": \"0:0\",\n \"name\": \"Document\",\n \"type\": \"DOCUMENT\",\n \"children\": [\n {\n \"id\": \"0:1\",\n \"name\": \"Page 1\",\n \"type\": \"CANVAS\",\n \"children\": [\n {\n \"id\": \"0:2\",\n \"name\": \"Frame 1\",\n \"type\": \"FRAME\",\n \"blendMode\": \"PASS_THROUGH\",\n \"children\": [],\n \"absoluteBoundingBox\": {\n \"x\": 2,\n \"y\": -881,\n \"width\": 219,\n \"height\": 219\n },\n },\n ],\n ]\n }\n}\n```\n\nHere's a simplified version of data returned from the API. It would have everything including the Color, type, position, text etc. Using that data I used template literals to create a Tkinter canvas with the dimensions of the Frame.\n\nI did the same with every element Tkinter-Designer currently support. It was an easy process once I started. I just needed to repeat the process for each element.\n\nProcess :-\n\n1. Write Python code to create the desired element in Tkinter.\n\nExample :-\n\nThis is a code to create a Tkinter canvas, I've added some values to it..\n\n```python\ncanvas = Canvas(\n window,\n bg = \"Blue\",\n height = 200,\n width = 400,\n bd = 0,\n highlightthickness = 0,\n relief = \"ridge\"\n)\n```\n\n2. Replace the values of that element with the values from Figma.\n\nExample :-\n\nHere we take that same code and replace the values of the element with the values from Figma.\n\n`bg` -> figma.window.bg_color (Background color of a frame)\n\n`height` -> figma.window.height (Height of a frame)\n\n`width` -> figma.window.width (Width of a frame)\n\n```python\ncanvas = Canvas(\n window,\n bg = \"{{ figma.window.bg_color }}\",\n height = {{ figma.window.height }},\n width = {{ figma.window.width }},\n bd = 0,\n highlightthickness = 0,\n relief = \"ridge\"\n)\n```\n\n3. Write the output code to a Python file.\n\nAnd once we convert all the elements to Tkinter, we can write the code to a Python file.\n\n```python\ndef write_text(self, data, encoding=None, errors=None, newline=None):\n encoding = io.text_encoding(encoding)\n with self.open(mode='w', encoding=encoding, errors=errors, newline=newline) as f:\n return f.write(data)\n\ndef design(self):\n code = self.to_code() #Code is the converted Tkinter code. \n self.output_path.joinpath(CODE_FILE_NAME).write_text(code)\n```\n\n### Element Identification\n\nIn order to create different elements like buttons, rectangles etc. I used the `name` property of the element. Figma didn't provide a way to identify the element. So I used the name of the element to identify it.\n\nYou can create a rectangle in Figma and name it 'Button' and it would be identified as a button. And Tkinter-Designer would create a button with the same properties.\n\n## Finishing up\n\nOnce I had the basic elements working I uploaded the code to Github. It started to gain attention and popularity. More and more people were using it and it was fun to see it happen. I learned a lot on the way. The most fascinating part was the community. I was able to connect with people who were using it. I learned a lot from them.\n\n[piccoloser](https://github.com/piccoloser) was one of the first contributor to this project. He refined and improved the documentation.\n\n[Jason Chin](https://github.com/jrobchin) helped me in refactoring the code. The original code was a single big python file which was hard to read and build up on. Jason created a pull request which was really amazing. You can have a look at it here -> [PR 67](https://github.com/ParthJadhav/Tkinter-Designer/pull/67)\n\n[Jakob Vendegna](https://github.com/jvendegna) helped a lot in CI/CD stuff. He also helped me publish code on PyPi.\n\nThat's the beauty of open source. We meet people who are more smarter than us; We learn from them. We meet people who we can teach something to. We exchange knowledge and ideas. And at the end of the day it's all about learning and making a difference.\n" }, { "path": "LICENSE", "content": "BSD 3-Clause License\n\nCopyright (c) 2021, Parth Jadhav\nAll rights reserved.\n\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this\n list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice,\n this list of conditions and the following disclaimer in the documentation\n and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its\n contributors may be used to endorse or promote products derived from\n this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\"\nAND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE\nIMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE\nFOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL\nDAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR\nSERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER\nCAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,\nOR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE\nOF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n" }, { "path": "Makefile", "content": "# Makefiles are traditionally for building C projects... Or something, IDK. Whatever.\n# They're a great drop in for shared script runners, keeping cmd syntax brief.\n\n# Declare a PHONY target, write the sequence of commands it executes, then chain them together.\n# In your shell just run `make lint` to just run flake8 with the options listed.\n# or run `make precommit` to run the lint target script and if it successfully exits then the test target script.\n\n# List of phony make targets\n.PHONY: test, lint, build, precommit, cli, gui\n\nsetup:\n\tpoetry install\n\n# run flake8 with these params. E251 and E226 are errors about whitespace around operators.\nlint:\n\tpoetry run flake8 --ignore=E251,E226 --max-line-length=127\n\ntest:\n\tpoetry run pytest\n\n# lint and test and build the pypi package\nbuild: lint test\n\tpoetry build\n\n# Run this. `make precommit`\nprecommit: lint test\n\ncli:\n\tpoetry run tkdesigner ${FIGMA_PROJECT_URL} ${FIGMA_TOKEN} -f\n\ngui:\n\tpoetry run python gui/gui.py\n" }, { "path": "README.md", "content": "[![bloom-banner-01-light-tags-1500x500](https://github.com/user-attachments/assets/31139b9d-1b89-44e8-b563-5bb7ba150b7b)](https://bloom.parthjadhav.com)\n\n

\n \"logo\"\n

Tkinter Designer

\n

Drag & Drop GUI Creator

\n\n\n

\n \n \n \n \n

\n\n

\n\"Tkinter Designer\n

\n
\n\n## Translations\n\n- [简体中文](/docs/README.zh-CN.md)\n- [Français](/docs/README.fr-FR.md)\n- [ગુજરાતી](/docs/README.gu-GU.md)\n- [हिन्दी](/docs/README.hin-HIN.md)\n- [Italiano](/docs/README.it-IT.md)\n- [عربية](/docs/README.ar-DZ.md)\n- [Turkish](/docs/README.tr-TR.md)\n- [Brazil](/docs/README.pt-BR.md)\n- [Spanish](/docs/README.spa-SPA.md)\n- [मराठी](/docs/README.mr-MR.md)\n- [Korean](/docs/README.kr-KR.md)\n- [Tiếng Việt](/docs/README.vi-VN.md)\n- [বাংলা](/docs/README.ban-BAN.md)\n- [Русский](/docs/README.ru-RU.md)\n\n___\n\n## 💡 Introduction\n\nTkinter 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\nTkinter 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.\n\n\"Tkinter\n\n## 📢 Announcement\n### 🎉 Multi frame support is here! 🎉\n\nYou 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.\n\nFeel free to share your creations with the community on [Discord](https://discord.gg/QfE5jMXxJv).\n\nIf you encounter any bugs or have any suggestions, please create an issue [here](https://github.com/ParthJadhav/Tkinter-Designer).\n## ☄️ Advantages of Tkinter Designer\n\n1. Interfaces with drag and drop.\n2. A great deal quicker than writing code by hand\n3. Produce more gorgeous interfaces\n\n## ⚡️ Read the instruction here\n\nView the YouTube video or read the instructions below.\n\n\"Instructions\"\n\"Youtube\n\n## 🦋 Supporting Tkinter Designer\n\nConsider 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.\n\n\"Buy\n\"Paypal\"\n\n\n## 🔵 Discord server & Linkedin\n\nClick the button below to join the discord server or Linkedin \n\n\"Join\n\"Connect\n\n\n## 📐 How it Works\n\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 Tkinter Designer.\n\nTkinter Designer will automatically generate all the code and images required to create the GUI in Tkinter.\n\n\"How\n\n___\n\n## 🎯 Examples\n\nThe possibilities are endless with Tkinter Designer, but here are a couple of GUIs that can be perfectly replicated in Tkinter.\n\nThe following are not my creations.\n\n### HotinGo [(More Info)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Example\n\n### CodTubify [(More Info)](https://github.com/iamDyeus/CodTubify)\n\n\"Example\n\n### BeAnonymous [(More Info)](https://github.com/MambaCodes/BeAnonymous)\n\n\"Example\n\n### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n### Atarbals-Modern-Antivirus [(More Info)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)\n\n\"Example\n\n## 🔥 Showcase\n\nPlease let me know if Tkinter Designer was used to create your app. More illustrations will be\nbeneficial for other people!\n\n(See: [Contact Me](#-contact-me)) or use [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) section in Discussions.\n\n## 📄 License\n\n\nTkinter Designer is licensed under the BSD 3-Clause \"New\" or \"Revised\" License. \n[View Here.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| Permissions | Restrictions | Conditions\n| --- | --- | ---\n✓ Commercial Use | × Liability | 🛈 License and Copyright Notice\n✓ Modification | × Warranty\n✓ Distribution \n✓ Private Use\n\n## Contribute\n\nAll contributions from the open-source community, individuals, and partners are welcomed. Our achievement is a result of your active participation.\n\n[Contributing guidelines](docs/CONTRIBUTING.md)\n\n[Code of conduct](CODE_OF_CONDUCT.md)\n\n[LEARN.md](LEARN.md)\n\nConnect with me on [![Linkedin](https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/parthjadhav04/)\n" }, { "path": "docs/CONTRIBUTING.md", "content": "# Welcome to Tkinter-Designer contributing guide\n\nThank you for investing your time in contributing to our project!\n\nRead our [Code of Conduct](../CODE_OF_CONDUCT.md) to keep our community approachable and respectable.\n\nIn this guide you will get an overview of the contribution workflow from opening an issue, creating a PR, reviewing, and merging the PR.\n\n## New contributor guide\n\nTo get an overview of the project, read the [README](../README.md). Here are some resources to help you get started with open source contributions:\n\n- [Finding ways to contribute to open source on GitHub](https://docs.github.com/en/get-started/exploring-projects-on-github/finding-ways-to-contribute-to-open-source-on-github)\n- [Set up Git](https://docs.github.com/en/get-started/quickstart/set-up-git)\n- [GitHub flow](https://docs.github.com/en/get-started/quickstart/github-flow)\n- [Collaborating with pull requests](https://docs.github.com/en/github/collaborating-with-pull-requests)\n\n## Getting started\n\nIf you find something that can be improved, solved or changed you are welcome to do so. \n\n#### Create a new issue\n\nIf you spot a problem with the Tkinter-Designer, [search if an issue already exists](https://github.com/ParthJadhav/Tkinter-Designer/issues). If a related issue doesn't exist, you can open a new issue using a relevant [issue form](https://github.com/ParthJadhav/Tkinter-Designer/issues/new/choose).\n\n#### Solve an issue\n\nScan through our [existing issues](https://github.com/ParthJadhav/Tkinter-Designer/issues) to find one that interests you. You can narrow down the search using `labels` as filters.\n\n### Make Changes\n\nOnce you find the thing you want to work on.\n\n1. Fork the repository.\n2. Create a branch for your changes.\n3. Clone and checkout that branch locally.\n4. Install dependencies by `pip install -r requirements.txt`\n5. Make sure it works as expected.\n6. Make the changes.\n7. Test the changes.\n8. Commit and Push the changes.\n9. Create a Pull Request.\n\n### Pull Request\n\nThe created Pull request should have a brief description on why and how you made the changes.\n\n### Your PR is merged\n\nCongratulations :tada::tada: Thank you :sparkles:.\n\nOnce your PR is merged, your contributions will be publicly visible on the [Tkinter-Designer](https://github.com/ParthJadhav/Tkinter-Designer/).\n" }, { "path": "docs/README.ar-DZ.md", "content": "
\n\n

\n \"logo\"\n

Tkinter Designer

\n
إنشاء واجهات المستخدم Tkinter آليًا
\n

\n\n

\n \n \n \n \n

\n\n
\n\n___\n\n## مقدمة\n\nتم إنشاء Tkinter Designer لتسريع عملية تطوير واجهات المستخدم GUI في Python. يستخدم هذا المشروع برنامج التصميم المعروف [Figma](https://www.figma.com/) لتسهيل علمية تطوير واجهات المستخدم الجميلة GUI.\n\nيستخدم المشروع Figma API لتحليل ملف تصميم وإنشاء الكود والملفات المطلوبة لواجهة المستخدم GUI. حتى واجهة المستخدم هذا المشروع تم إنشاؤها باستخدام Tkinter Designer.\n\n\"Tkinter\n\n## ☄️ مزايا Tkinter Designer\n\n1. واجهات drag and drop\n2. أسرع بكثير من تطوير الواجهات يديويًا\n3. القدرة على إنشاء واجهات أكثر جمالاً\n\n___\n\n## ⚡️ تثبيت واستعمال Tkinter Designer\n\nتحتوي التعليمات على كل المعلومات حول تثبيت واستعمال Tkinter Designer، بالإضافة إلى troubleshooting والإبلاغ عن المشاكل. يوجد أيضًا مقطع فيديو.\n\n### [إقرأ التعليمات](/docs/instructions.ar-DZ.md)\n\n## 🦋 دعم Tkinter Designer\n\nالحياة بدون قهوة، كشيءٍ بلا شيء... آسف، لم أشرب أي قهوة بعد.\n\n\"Buy\n\n___\n
\n\n## 🔵 إنضم للDiscord server الرسمي لTkinter Designer\n\nإضغط على الزر أدناه للانضمام الى الdiscord server للمشاركة في النقاشات.\n\n\"Join\n\n___\n
\n\n## 📐 كيف يعمل\n\nالشيء الوحيد الذي يحتاجه المستخدم هو تصميم الواجهة باستعمال Figma ثم نسخ URL الملف والtoken إلى Tkinter Designer.\n\nسيقوم Tkinter Designer تلقائيًا بإنشاء الكود والصور المطلوبة لإنشاء واجهة المستخدم في Tkinter.\n\n\"How\n\n___\n
\n\n## 🎯 أمثلة\n\nلا حصر لما يمكنك فعله مع Tkinter Designer، ولكن ستجد أدناه بعض الواجهات التي يمكن نسخها بشكل مثالي إلى Tkinter.\n\nالأمثلة الموالية ليست من إنشائي\n\n### صفحة تسجيل\n\n\"Example\n\n### صفحة علامة تجارية\n\n\"Example\n\n### مسجل إطارات [(المزيد من المعلومات)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(المزيد من المعلومات)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n## 🔥 عرض\n\nإذا تم إنشاء تطبيقك باستخدام Tkinter Designer، أخبرني بذلك. رؤية المزيد من الأمثلة سيكون مفيدًا لآخرين!\n\n(أنظر إلى: [إتصل بي](#-contact-me)) أو استعمل قسم [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) في الDiscussions.\n\n___\n
\n\n## 📝 إتصل بي\n\n إذا أردت الإتصال بي، يمكنك التواصل معي على Jadhavparth99@gmail.com\n\n___\n
\n\n## 📄 الرخصة\n\n\n\nتم ترخيص Tkinter Designer بموجب الرخصة BSD 3-Clause \"New\" or \"Revised\"\n[إنظر هنا.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| الإذن | القيود | الشروط\n| --- | --- | ---\n✓ الاستخدام التجاري | × المسؤولية القانونية | 🛈 إشعار الترخيص وحقوق النشر\n✓ التعديل | × الضمان\n✓ التوزيع\n✓ الاستخدام الشخصي\n\n
\n" }, { "path": "docs/README.ban-BAN.md", "content": "

\n \"লোগো\"\n

টিকিন্টার ডিজাইনার

\n

জিইউআই ক্রিয়েটরকে ড্র্যাগ এবং ড্রপ করুন

\n

\n\n

\n \n \n \n \n

\n \n

\n\"Tkinter Designer\n

\n
\n\n___\n\n## 💡 পরিচিতি\n\nটিকিন্টার ডিজাইনার পাইথন এ জিইউআই ডেভেলপমেন্ট প্রক্রিয়া ত্বরান্বিত করার জন্য তৈরি করা হয়েছিল। এটি সুপরিচিত ডিজাইন সফ্টওয়্যার [ফিগমা](https://www.figma.com/) ব্যবহার করে পাইথনে সুন্দর টিকিন্টার জিইউআই তৈরি করে কেকের টুকরো তৈরি করে 🍰.\n\nটিকিন্টার ডিজাইনার একটি ডিজাইন ফাইল বিশ্লেষণ করতে এবং জিইউআই-এর জন্য প্রয়োজনীয় কোড এবং ফাইলগুলি তৈরি করতে ফিগমা এপিআই ব্যবহার করে। এমনকি টিকিন্টার ডিজাইনার এর জিইউআই টিকিন্টার ডিজাইনার ব্যবহার করে তৈরি করা হয়েছে।\n\n\"টিকিন্টার\n\n## 📢 ঘোষণা\n### 🎉 মাল্টি ফ্রেম-এর সমর্থন এখানে! 🎉\n\nআপনি এখন একটি একক ডিজাইন ফাইলে একাধিক ফ্রেম তৈরি করতে পারেন এবং টিকিন্টার ডিজাইনার প্রতিটি ফ্রেমের জন্য সংশ্লিষ্ট কোড এবং ফাইল তৈরি করবে। এটি টিকিন্টার ডিজাইনারের জন্য একটি বিশাল পদক্ষেপ এবং আপনি এটি দিয়ে কী তৈরি করেন তা দেখে আমি সত্যিই উত্তেজিত।\n\n[ডিসকর্ড](https://discord.gg/QfE5jMXxJv)-এ সম্প্রদায়ের সাথে আপনার সৃষ্টি নির্দ্বিধায় ভাগ করুন।\n\nআপনি যদি কোন বাগ সম্মুখীন হন বা কোন পরামর্শ থাকে, দয়া করে একটি সমস্যা তৈরি করুন [এখানে](https://github.com/ParthJadhav/Tkinter-Designer)।\n## ☄️ টিকিন্টার ডিজাইনারের সুবিধা\n\n1. ড্র্যাগ এবং ড্রপ সহ ইন্টারফেস।\n2. হাত দিয়ে কোড লেখার চেয়ে অনেক দ্রুত।\n3. আরো চমত্কার ইন্টারফেস উত্পাদন।\n\n## ⚡️ এখানে নির্দেশ পড়ুন\n\nইউটিউব ভিডিও দেখুন বা নীচের নির্দেশাবলী পড়ুন.\n\n\"নির্দেশ\"\n\"ইউটিউব\n\n## 🦋 টিকিন্টার ডিজাইনার সমর্থনকারী\n\nটিকিন্টার ডিজাইনার প্রকল্পে দান করার কথা বিবেচনা করুন যদি আপনি বা আপনার ব্যবসা এটি থেকে উপকৃত হন। এটি টিকিন্টার ডিজাইনারের বিকাশকে ত্বরান্বিত করবে! কফি তৈরি করা সহজ; আমি একটি উপভোগ করতে খুশি হবে.\n\n\"Buy\n\"Paypal\"\n\n\n## 🔵 ডিসকর্ড সার্ভার এবং লিঙ্কড-ইন\n\nডিসকর্ড সার্ভার বা লিঙ্কড-ইনে যোগ দিতে নীচের বোতামে ক্লিক করুন\n\n\"ডিসকর্ড\n\"লিঙ্কড-ইনে\n\n\n## 📐 কিভাবে এটা কাজ করে\n\nব্যবহারকারীকে শুধুমাত্র যা করতে হবে তা হল ফিগমা এর সাথে একটি ইন্টারফেস ডিজাইন করুন এবং তারপর ফিগমা ফাইল ইউআরএল এবং এপিআই টোকেন টিকিন্টার ডিজাইনারে পেস্ট করুন।\n\nটিকিন্টার ডিজাইনার টিকিন্টার-এ জিইউআই তৈরি করার জন্য প্রয়োজনীয় সমস্ত কোড এবং ছবি স্বয়ংক্রিয়ভাবে তৈরি করবে।\n\n\"কিভাবে\n\n___\n\n## 🎯 উদাহরণ\n\nটিকিন্টার ডিজাইনারের সাথে সম্ভাবনাগুলি অফুরন্ত, তবে এখানে কয়েকটি জিইউআই রয়েছে যা টিকিন্টার-এ পুরোপুরি প্রতিলিপি করা যেতে পারে।\n\nনিম্নলিখিত আমার সৃষ্টি নয়।\n\n### HotinGo [(অধিক তথ্য)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Example\n\n### CodTubify [(অধিক তথ্য)](https://github.com/iamDyeus/CodTubify)\n\n\"Example\n\n### BeAnonymous [(অধিক তথ্য)](https://github.com/MambaCodes/BeAnonymous)\n\n\"Example\n\n### Frame Recorder [(অধিক তথ্য)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(অধিক তথ্য)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n### Atarbals-Modern-Antivirus [(অধিক তথ্য)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)\n\n\"Example\n\n## 🔥 প্রদর্শনী\n\nআপনার অ্যাপ তৈরি করতে টিকিন্টার ডিজাইনার ব্যবহার করা হয়েছে কিনা দয়া করে আমাকে জানান। আরও দৃষ্টান্ত অন্য মানুষের জন্য উপকারী হবে!\n\n(দেখুন: [আমার সাথে যোগাযোগ করুন](#-আমার সাথে যোগাযোগ করুন)) অথবা ব্যবহার করুন [দেখান এবং বলুন](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) আলোচনা বিভাগে।\n\n## 📄 লাইসেন্স\n\n\nটিকিন্টার ডিজাইনার বিএসডি ৩-ক্লজ \"নতুন\" বা \"সংশোধিত\" লাইসেন্সের অধীনে লাইসেন্সপ্রাপ্ত।\n[এখানে দেখুন](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| অনুমতি | বিধিনিষেধ | শর্তাবলী\n| --- | --- | ---\n✓ বাণিজ্যিক ব্যবহার | × দায় | 🛈 লাইসেন্স এবং কপিরাইট বিজ্ঞপ্তি\n✓ পরিবর্তন | × ওয়ারেন্টি\n✓ বিতরণ \n✓ ব্যক্তিগত ব্যবহার\n\n## অবদান\n\nওপেন সোর্স সম্প্রদায়, ব্যক্তি এবং অংশীদারদের থেকে সমস্ত অবদানকে স্বাগত জানানো হয়। আমাদের অর্জন আপনার সক্রিয় অংশগ্রহণের ফল।\n\n[Contributing guidelines](docs/CONTRIBUTING.md)\n\n[Code of conduct](CODE_OF_CONDUCT.md)\n\n[LEARN.md](LEARN.md)\n\n## 📝 আমার সাথে যোগাযোগ কর\n\nআমার সাথে যোগাযোগ করতে চাইলে করতে পারেন\nআমার কাছে পৌঁছান Jadhavparth99@gmail.com\n\nআমার সাথে সংযোগ করুন [![লিঙ্কড-ইন](https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/parthjadhav04/)\n" }, { "path": "docs/README.fr-FR.md", "content": "

\n \"logo\"\n

Tkinter Designer

\n
Automatisez la création d'interfaces Tkinter
\n

\n\n

\n \n \n \n \n

\n\n
\n\n___\n\n## 💡 Introduction\n\nTkinter Designer a été créé pour accélérer le processus de développement des interfaces en Python. Il utilise le logiciel de design bien connu [Figma](https://www.figma.com/) afin de rendre la création de magnifiques interfaces Tkinter en Python du gâteau 🍰.\n\nTkinter Designer utilise l'API de Figma pour analyser les fichiers de design afin de créer le code et les fichiers respectifs nécessaires à l'interface. Même l'interface de Tkinter Designer à été créée avec Tkinter Designer.\n\n\"Tkinter\n\n## ☄️ Avantages de Tkinter Designer\n\n1. Interfaces en drag and drop\n2. Significativement plus rapide que créer le code manuellement\n3. Capacité de créer des interface encore plus belles\n\n___\n\n## ⚡️ Installation et utilisation de Tkinter Designer\n\nLes instructions contiennent toutes les informations à propos de l'installation et de l'utilisation de Tkinter Designer, ainsi que les informations pour diagnostiquer et signaler les problèmes.\n\n### [Lire les instructions](instructions.fr-FR.md)\n\n## 🦋 Soutenir Tkinter Designer\n\nLa vie sans café est quelque chose sans quelque chose… désolé, je n'ai pas encore eu mon café.\n\n\"Buy\n\n___\n
\n\n## 📐 Comment ça marche\n\nLa seule chose que l'utilisateur a besoin de faire est de designer l'interface avec Figma, puis coller le lien du fichier Figma et de sa clé d'API dans Tkinter Designer.\n\nTkinter Designer génèrera automatiquement tout le code et les images requises à créer l'interface avec Tkinter.\n\n\"How\n\n___\n
\n\n## 🎯 Exemples\n\nLes possibilités sont infinies avec Tkinter Designer, mais voici quelques interfaces pouvant être parfaitement répliquées au sein de Tkinter.\n\nLes créations suivantes ne sont pas les miennes.\n\n### Page d'inscription\n\n\"Example\n\n### Page de marque\n\n\"Example\n\n### Enregistreur d'images [(More Info)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n## 🔥 Vitrine\n\nSi votre application a été créée avec Tkinter Designer, faites le moi savoir. Il sera utile pour d'autres de voir plus d'exemples !\n(Se référer à la rubrique [Me contacter](#-contact-me)) ou utilisez la section [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) dans les Discussions.\n\n___\n
\n\n## 📝 Me contacter\n\nSi vous souhaitez me contacter, vous pouvez me joindre à Jadhavparth99@gmail.com\n\n___\n
\n\n## 📄 Licence\n\n\nTkinter Designer est mis à disposition sous licence BSD 3-Clause \"Nouvelle\" ou \"Révisée\".\n[Trouvez-la ici.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| Permissions | Restrictions | Conditions\n| --- | --- | ---\n✓ Utilisation commerciale | × Responsabilité | 🛈 License et Copyright\n✓ Modification | × Garrantie\n✓ Distribution \n✓ Utilisation privée\n" }, { "path": "docs/README.gu-GU.md", "content": "

\n \"لوگو\"\n

Tkinter ડિઝાઇનર \n

Tkinter GUI બનાવટને સ્વચાલિત કરો.\n

\n\n

\n \n \n \n \n

\n\n
\n\n___\n\n## પરિચય\n\nTkinter ડિઝાઇનરને પાયથોનમાં GUI વિકાસ પ્રક્રિયા ઝડપી બનાવવા માટે બનાવવામાં આવી હતી. તે Python માં સુંદર Tkinter GUI બનાવવા માટે જાણીતા ડિઝાઇન Software [Figma](https://www.figma.com/) નો ઉપયોગ કરે છે.\n\nTkinter ડિઝાઇનર ડિઝાઇન ફાઇલનું વિશ્લેષણ કરવા અને GUI માટે જરૂરી કોડ અને ફાઇલો બનાવવા માટે ફિગ્મા APIનો ઉપયોગ કરે છે. ટિંકટર ડીઝાઈનરની જીયુઆઈ પણ ટિંકટર ડિઝાઇનરની મદદથી બનાવવામાં આવી છે.\n\n\"ટિંકટર\n\n## Tkinter ડિઝાઇનરના ફાયદા\n\n1. ઇન્ટરફેસો ખેંચો અને છોડો\n2. મેન્યુઅલી કોડ બનાવવા કરતાં નોંધપાત્ર રીતે ઝડપી\n3. વધુ સુંદર ઇન્ટરફેસો બનાવવાની ક્ષમતા\n\n___\n\n## ઇન્સ્ટોલ અને ઉપયોગ કરી રહ્યું છે Tkinter Designer\n\nસૂચનોમાં મુશ્કેલીનિવારણ અને રિપોર્ટિંગ મુદ્દાઓની માહિતી સાથે, ટિંકિટર ડિઝાઇનર ઇન્સ્ટોલ કરવા અને વાપરવા વિશેની તમામ માહિતી શામેલ છે.\n\n### [સૂચનો વાંચો](/docs/instructions.gu-GU.md)\n\n## Tkinter સહાયક ટિંકિટર ડિઝાઇનર\n\nCoffee :coffee: વિનાનું જીવન કંઈક વિનાનું છે ... માફ કરશો, મારી પાસે હજી સુધી કોઈ કોફી નથી.\n\n\"મને\n\n___\n
\n\n## નામકરણનું મહત્વ ([વિડિઓ](https://youtu.be/mFjE2-rbpm8) માં ઉલ્લેખિત અને [સૂચનો](/docs/instructions.gu-GU.md))\n\nTkinter ડિઝાઇનર તેને કોડમાં કન્વર્ટ કરવા તત્વોના નામ પર ખૂબ આધાર રાખે છે. નામકરણ માર્ગદર્શિકા જુઓ [અહીં](/docs/instructions.gu-GU.md).\n\n
\n\n## 📐 તે કેવી રીતે કાર્ય કરે છે\n\nવપરાશકર્તાને Figma સાથેના ઇન્ટરફેસની ડિઝાઈન કરવાની જરૂર છે, અને તે પછી Figma ફાઇલ URL અને API ટોકનને Tkinter ડિઝાઇનરમાં પેસ્ટ કરો.\n\nTkinter ડિઝાઇનર, Tkinter માં GUI બનાવવા માટે જરૂરી બધા કોડ અને છબીઓ(images) આપમેળે પેદા કરશે.\n\n\"તે\n\n___\n
\n\n## 🎯 ઉદાહરણો\n\nશક્યતાઓ Tkinter ડિઝાઇનર સાથે અનંત છે, પરંતુ અહીં GUIs ની એક દંપતી છે જે સંપૂર્ણ રીતે Tkinter માં નકલ કરી શકાય છે.\n\n નીચેની રચનાઓ મારી નથી. \n\n### નોંધણી પૃષ્ઠ\n\n\"ઉદાહરણ\n\n### બ્રાંડિંગ પૃષ્ઠ\n\n\"ઉદાહરણ\n\n### ફ્રેમ રેકોર્ડર [(વધુ માહિતી)] ()\n\n\"ઉદાહરણ\n\n### WhatBulk [(વધુ માહિતી)] ()\n\n\"ઉદાહરણ\n\n## 🔥 શોકેસ\n\nજો તમારી એપ્લિકેશન Tkinter ડિઝાઇનર સાથે બનાવવામાં આવી હતી, તો મને જણાવો. અન્ય લોકો વધુ ઉદાહરણો જોવા માટે મદદરૂપ થશે!\nઅથવા ચર્ચાઓ [બતાવો અને કહો](https://github.com/ParthJadhav/Tkinter-Designer/discussion/categories/show-and-tell) વિભાગનો ઉપયોગ કરો.\n\n___\n
\n\n## મારો સંપર્ક કરો\n\nજો તમે મારો સંપર્ક કરવા માંગતા હો, તો તમે મને jadhavaparth99@gmail.com પર પહોંચી શકો છો\n\n___\n
\n\n## 📄 લાઇસન્સ\n\nTkinter ડિઝાઇનર BSD 3-કલમ \"નવું\" અથવા \"સુધારેલ\" લાઇસન્સ હેઠળ લાઇસન્સ પ્રાપ્ત છે.\n[અહીં જુઓ.](Https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| અનુમતિઓ | પ્રતિબંધો | શરતો\n| --- | --- | ---\n✓ વ્યાપારી ઉપયોગ | × જવાબદારી | 🛈 લાઇસન્સ અને Copyright સૂચના\n✓ ફેરફાર | × વોરંટી\n✓ વિતરણ\n✓ ખાનગી ઉપયોગ\n" }, { "path": "docs/README.hin-HIN.md", "content": "

\n \"logo\"\n

Tkinter डिजाइनर

\n
Tkinter GUI निर्माण को स्वचालित करें
\n

\n\n

\n \n \n \n \n

\n\n
\n\n___\n\n## 💡 प्रस्तावना\n\nTkinter डिजाइनर का उपयोग Python में GUI विकास प्रक्रिया को गति देने के लिए बनाया गया था। यह Python में सुंदर Tkinter GUI बनाने के लिए प्रसिद्ध डिजाइन सॉफ्टवेयर [Figma](https://www.figma.com/) का उपयोग करता है।\n\nTkinter डिज़ाइनर एक डिज़ाइन फ़ाइल का विश्लेषण करने और GUI के लिए आवश्यक संबंधित code और फ़ाइलें बनाने के लिए Figma API का उपयोग करता है। यहां तक ​​​​कि Tkinter डिजाइनर का GUI भी Tkinter डिजाइनर का उपयोग करके बनाया गया है।\n\n\"Tkinter\n\n## ☄️ Tkinter डिजाइनर के लाभ\n\n1. इंटरफेस खींचें(means drag) और छोड़ें(means drop)\n2. मैन्युअल रूप से कोड बनाने की तुलना में महत्वपूर्ण रूप से तेज़ है\n3. अधिक सुंदर इंटरफेस बनाने की क्षमता\n\n___\n\n## 🦋 Tkinter डिजाइनर का समर्थन\n\nदो ही तो शौक़ हैं मेरे, कॉफी और coding. … मुझे समर्थन दें, मेरे लिए एक कॉफी खरीदें.\n\n\"Buy\n\n## ⚡️ Tkinter डिजाइनर को install करे और उसका उपयोग करना\n\nनिर्देशों में समस्या निवारण और रिपोर्टिंग समस्याओं की जानकारी के साथ-साथ Tkinter Designer को स्थापित करने और उपयोग करने के बारे में सभी जानकारी शामिल है। एक वीडियो भी है।\n\n### [निर्देश पढ़ें](/docs/instructions.md)\n\n### [वह वीडियो देखें](https://youtu.be/mFjE2-rbpm8) \n\n___\n
\n\n## 🔵 आधिकारिक(official) Tkinter डिज़ाइनर के डिस्कॉर्ड सर्वर से जुड़ें\n\nडिसॉर्डर(Discord) सर्वर(server) से जुड़ने और चर्चाओं में भाग लेने के लिए नीचे दिए गए बटन पर क्लिक करें।\n\n\"Join\n\n## ✅ नामकरण(Naming) का महत्व ([वीडियो](https://youtu.be/mFjE2-rbpm8) और[निर्देशों](/docs/instructions.md) में उल्लेख किया गया है)\n\nTkinter Designer इसे कोड में बदलने के लिए तत्वों के नामों पर बहुत अधिक निर्भर करता है। नामकरण मार्गदर्शिका(naming guide) देखें [यहां](/docs/instructions.md#2-element-guide).\n___\n
\n\n## 📐 यह काम किस प्रकार करता है\n\nकेवल एक चीज जो उपयोगकर्ता को करने की आवश्यकता है वह है Figma के साथ एक इंटरफ़ेस डिज़ाइन करना, और फिर Figma फ़ाइल URL और API टोकन को Tkinter डिजाइनर में पेस्ट करना है।\n\nTkinter डिज़ाइनर स्वचालित रूप से Tkinter में GUI बनाने के लिए आवश्यक सभी कोड और छवियों(images) को उत्पन्न करेगा।\n\"How\n\n___\n
\n\n## 🎯 उदाहरण\n\nTkinter डिजाइनर के साथ संभावनाएं अनंत हैं, लेकिन यहां कुछ GUI हैं जिन्हें Tkinter में पूरी तरह से दोहराया(replicated) जा सकता है।\n\nनिम्नलिखित मेरी रचनाएँ नहीं हैं।\n\n### पंजीकरण(Registration) पेज\n\n\"Example\n\n### ब्रांडिंग पेज\n\n\"Example\n\n### Frame Recorder [(और जानकारी)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(और जानकारी)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n## 🔥 शो-कैस\n\nअगर आपका ऐप Tkinter डिज़ाइनर के साथ बनाया गया था, तो मुझे बताएं। वो दूसरों के लिए उदाहरण देखना मददगार होगा!\n(See: [मुझसे संपर्क करो](#-contact-me)) या उपयोग करें [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) section in Discussions.\n\n___\n
\n\n## 📝 मुझसे संपर्क करो\n\nअगर आप मुझसे संपर्क करना चाहते हैं, तो आप मुझ तक पहुंच सकते हैं - Jadhavparth99@gmail.com\n\n___\n
\n\n## 📄 लाइसेंस\n\n\nTkinter Designer को BSD 3-क्लॉज \"New\" या \"Revised\" लाइसेंस के तहत लाइसेंस प्राप्त है।\n[View Here.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| अनुमतियां | प्रतिबंध | शर्तेँ\n| --- | --- | ---\n✓ वाणिज्य उपयोग | × लाय्बिलिटी | 🛈 लाइसेंस और कॉपीराइट नोटिस\n✓ परिवर्तन(Modification) | × गारंटी(Warranty)\n✓ वितरण(Distribution)\n✓ निजी उपयोग\n" }, { "path": "docs/README.it-IT.md", "content": "

\r\n \"logo\"\r\n

Tkinter Designer

\r\n
Automatizza la creazione di interfaccia grafica per Tkinter
\r\n

\r\n\r\n

\r\n \r\n \r\n \r\n \r\n

\r\n\r\n
\r\n\r\n## Translations\r\n\r\n- [简体中文](/docs/README.zh-CN.md)\r\n- [Français](/docs/README.fr-FR.md)\r\n- [ગુજરાતી](/docs/README.gu-GU.md)\r\n- [हिन्दी](/docs/README.hin-HIN.md)\r\n- [Italiano](/docs/README.it-IT.md)\r\n- [عربية](/docs/README.ar-DZ.md)\r\n- [Turkish](/docs/README.tr-TR.md)\r\n- [Brazil](/docs/README.pt-BR.md)\r\n\r\n___\r\n\r\n## 💡 Introduzione\r\n\r\nTkinter Designer è stato creato per velocizzare la fase di sviluppo dell'interfaccia grafica in Python. Viene utilizzato il ben noto software di prototipazione grafica [Figma](https://www.figma.com/) per creare stupende interfacce grafiche di Tkinter in Python in un batter d'occhio 👁️.\r\n\r\nTkinter Designer utilizza le API di Figma per analizzare il file di design e crearne dunque il rispettivo codice necessario per la GUI. Persino l'interfaccia di Tkinter Designer è stata creata utilizzando Tkinter Designer.\r\n\r\n\"Tkinter\r\n\r\n## ☄️ Vantaggi di Tkinter Designer\r\n\r\n1. Interfaccia drag and drop\r\n2. Significativamente più veloce rispetto scrivere il codice manualmente\r\n3. Facilita la creazione di interfacce ancora più belle \r\n\r\n## ⚡️ Leggi le istruzioni qui -> [Documentazione](/docs/instructions.it-IT.md.md)\r\n\r\nLe istruzioni contengono tutte le informazioni utili ad installare ed utilizzare Tkinter Designer, insieme alle informazioni utili alla risoluzione e segnalazione di problemi.\r\n\r\n## 🦋 Supporta Tkinter Designer\r\n\r\nSe tu o la tua azienda avete beneficiato di Tkinter Designer, considera a supportare lo sviluppo del progetto tramite una donazione. Questo ne aiuterebbe lo sviluppo! È tanto facile quanto preparare un caffè; preparamene uno per me ;)\r\n\r\n\"Buy\r\n\r\n## 🔵 Entra nel server Discord ufficiale di Tkinter Designer\r\n\r\nClicca sul pulsante sottostante per entrare nel server Discord ufficiale e prender parte alla discussione.\r\n\r\n\"Join\r\n\r\n## 📐 Come funziona\r\n\r\nL'unica cosa che l'utente deve fare è disegnare un'interfaccia con Figma, di seguito copiare ed incollare l'URL del file di Figma e il token API in Tkinter Designer.\r\n\r\nTkinter Designer genererà automaticamente tutto il codice e le immagini necessarie per creare l'interfaccia grafica in Tkinter.\r\n\r\n\r\n\"How\r\n\r\n___\r\n
\r\n\r\n## 🎯 Esempi\r\n\r\nLe possibilità sono infinite con Tkinter Designer, ma questi sono alcune delle interfacce grafiche che possono essere perfettamente replicate in Tkinter.\r\n\r\n\r\nLe seguenti creazioni non sono mie.\r\n\r\n### HotinGo [(Ulteriori informazioni)](https://github.com/Just-Moh-it/HotinGo)\r\n\r\n\"Example\r\n\r\n### Pagina di registrazione\r\n\r\n\"Example\r\n\r\n### Pagina di branding\r\n\r\n\"Example\r\n\r\n### Frame Recorder [(Ulteriori informazioni)](https://github.com/mehmet-mert/FrameRecorder)\r\n\r\n\"Example\r\n\r\n### WhatBulk [(Ulteriori informazioni)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\r\n\r\n\"Example\r\n\r\n## 🔥 Vetrina\r\n\r\nSe la tua app è stata fatta con Tkinter Designer, fammelo sapere. Sarebbe d'aiuto mostrare agli altri ulteriori esempi!\r\n\r\n(Guarda: [Contattami](#📝-contattami)) o utilizza la sezione [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) nella pagina Discussions di GitHub.\r\n\r\n## 📄 Licenza\r\n\r\n\r\nTkinter Designer è protetto da licenza BSD 3-Clause \"New\" or \"Revised\".\r\n\r\n[Leggi qui.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\r\n\r\n| Permessi | Restrizioni | Condizioni\r\n| --- | --- | ---\r\n✓ Uso commerciale | × Responsabilità | 🛈 Avviso di licenza e Copyright\r\n✓ Modifica | × Garanzia\r\n✓ Distribuzione \r\n✓ Uso personale\r\n\r\n## Contribuisci\r\n\r\nAccettiamo qualsiasi contribuzione dalla comunità open-source, individuale o collettiva. Dobbiamo il nostro successo al vostro coinvolgimento attivo.\r\n\r\n[Linee guida per il contributo](docs/CONTRIBUTING.md)\r\n\r\n[Codice di comportamento](CODE_OF_CONDUCT.md)\r\n\r\n[Scopri di più](LEARN.md)\r\n\r\n## 📝 Contattami\r\n\r\nSe vuoi contattarmi, puoi mandare una mail\r\n a Jadhavparth99@gmail.com" }, { "path": "docs/README.kr-KR.md", "content": "

\n \"logo\"\n

Tkinter Designer

\n

Drag & Drop GUI Creator

\n

\n\n

\n \n \n \n \n

\n\n

\n\"Tkinter Designer\n

\n
\n\n___\n\n## 💡 소개\n\nTkinter Designer는 Python에서 GUI 개발 프로세스를 가속화하기 위해 만들어졌습니다. 잘 알려진 디자인 소프트웨어 [Figma](https://www.figma.com/) 를 사용하여 Python에서 아름다운 Tkinter GUI를 만드는 것을 식은 죽 먹기 🥣로 만들었습니다.\n\nTkinter Designer는 Figma API를 사용하여 설계 파일을 분석하고 GUI에 필요한 코드와 파일을 만듭니다. 심지어 Tkinter Designer의 GUI도 Tkinter Designer를 사용하여 만듭니다.\n\n\"Tkinter\n\n## 📢 알립니다!\n### 🎉 멀티 프레임이 지원됩니다! 🎉\n\n이제 단일 설계 파일에 여러 프레임을 작성할 수 있으며 Tkinter Designer는 각 프레임에 대해 각각의 코드와 파일을 작성합니다. 이것은 Tkinter Designer에게 큰 한 걸음입니다. 여러분들이 무엇을 만드는지 보게 되어 정말 기쁩니다.\n\n[Discord](https://discord.gg/QfE5jMXxJv) 에서 커뮤니티와 자유롭게 창작물을 공유할 수 있습니다.\n\n버그가 발생하거나 제안사항이 있을 경우 이슈 [here](https://github.com/ParthJadhav/Tkinter-Designer)를 생성해주시기 바랍니다.\n## ☄️ Tkinter Designer의 장점\n\n1. 드래그 앤 드롭 인터페이스입니다.\n2. 손으로 코드를 작성하는 것보다 훨씬 빠릅니다.\n3. 더 멋진 인터페이스 제작할 수 있습니다.\n\n## ⚡️ 여기에서 사용 설명서를 보실 수 있습니다.\n\nYouTube 동영상을 보거나 아래 사용 설명서을 읽을 수 있습니다.\n\n\"Instructions\"\n\"Youtube\n\n## 🦋 Tkinter Designer 후원\n\nTkinter Designer 프로젝트에서 혜택을 받은 경우 후원을 고려해 보세요. 이것은 Tkinter Designer의 개발을 가속화할 것입니다! 커피를 만드는 것은 간단합니다. 기꺼이 즐기겠습니다.\n\n\"Buy\n\"Paypal\"\n\n\n## 🔵 Discord server & Linkedin\n\n아래 버튼을 클릭하여 디스코드 서버 또는 Linkedin을 확인할 수 있습니다.\n\n\"Join\n\"Connect\n\n\n## 📐 작동 방식\n\n사용자가 해야 할 일은 Figma와 인터페이스를 설계한 다음 Figma 파일 URL과 API 토큰을 Tkinter Designer에 붙여넣기만 하면 됩니다.\n\nTkinter Designer는 Tkinter에서 GUI를 만드는 데 필요한 모든 코드와 이미지를 자동으로 생성합니다.\n\n\"How\n\n___\n\n## 🎯 예제\n\nTkinter Designer를 사용하면 가능성이 무한하지만 Tkinter에서 완벽하게 복제할 수 있는 GUI가 몇 가지 있습니다.\n\n예시는 저의 창작물이 아닙니다.\n\n### HotinGo [(More Info)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Example\n\n### CodTubify [(More Info)](https://github.com/iamDyeus/CodTubify)\n\n\"Example\n\n### BeAnonymous [(More Info)](https://github.com/MambaCodes/BeAnonymous)\n\n\"Example\n\n### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n### Atarbals-Modern-Antivirus [(More Info)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)\n\n\"Example\n\n## 🔥 쇼 케이스\n\n당신의 앱을 만들기 위해 Tkinter Designer가 사용되었는지 알려주시기 바랍니다. 더 많은 삽화가 다른 사람들에게 이로울 것입니다!\n\n(See: [연락처](#-contact-me)) 또는 [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell)을 사용해 주세요.\n\n## 📄 라이센스\n\n\nTkinter Designer는 BSD 3-clause \"New\" 또는 \"Reved\" 라이센스에 따라 라이센스가 부여됩니다.\n[View Here](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| 권한 | 제한사항 | 조건\n| --- | --- | ---\n✓ 상업적 용도 | × 책임 | 🛈 라이센스 및 저작권 고지\n✓ 수정 | × 정당한 이유|\n✓ 분배 |\n✓ 개인 사용 |\n\n## 컨트리뷰트\n\n오픈 소스 커뮤니티, 개인 및 파트너의 모든 기여를 환영합니다. 우리의 성과는 당신의 적극적인 참여의 결과입니다.\n\n[Contributing guidelines](docs/CONTRIBUTING.md)\n\n[Code of conduct](CODE_OF_CONDUCT.md)\n\n[LEARN.md](LEARN.md)\n\n## 📝 연락처\n\n만약 당신이 나에게 연락하고 싶다면\nJadhavparth99@gmail.com 으로 연락 주세요\n\nConnect with me on [![Linkedin](https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/parthjadhav04/)\n" }, { "path": "docs/README.mr-MR.md", "content": "

\n \"logo\"\n

Tkinter डिझायनर

\n
स्वयंचलित Tkinter GUI निर्मिती
\n

\n\n

\n \n \n \n \n

\n\n
\n\n___\n\n## 💡 परिचय\n\nTkinter डिझायनर Python मध्ये GUI विकास प्रक्रियेला गती देण्यासाठी तयार केले गेले. हे सुप्रसिद्ध डिझाइन सॉफ्टवेअर [Figma](https://www.figma.com/) वापरून Python मध्ये सुंदर Tkinter GUI तयार करण्यासाठी केकचा एक तुकडा बनवते 🍰.\n\nडिझाईन फाइलचे विश्लेषण करण्यासाठी आणि GUI साठी आवश्यक संबंधित कोड आणि फाइल्स तयार करण्यासाठी Tkinter Designer Figma API वापरतो. Tkinter Designer चे GUI देखील Tkinter Designer वापरून तयार केले आहे.\n\n\"Tkinter\n\n## 📢 घोषणा\n### 🎉 मल्टी फ्रेम समर्थन येथे आहे! 🎉\n\nतुम्ही आता एकाच डिझाईन फाइलमध्ये अनेक फ्रेम तयार करू शकता आणि Tkinter Designer प्रत्येक फ्रेमसाठी संबंधित कोड आणि फाइल्स तयार करेल. Tkinter डिझायनरसाठी ही एक मोठी पायरी आहे आणि तुम्ही याच्या सहाय्याने काय तयार करता हे पाहण्यासाठी मला खूप आनंद झाला आहे.\n\n[Discord](https://discord.gg/QfE5jMXxJv) वर समुदायासोबत तुमची निर्मिती मोकळ्या मनाने शेअर करा.\n\nतुम्हाला काही बग आढळल्यास किंवा काही सूचना असल्यास, कृपया [येथे] (https://github.com/ParthJadhav/Tkinter-Designer) एक समस्या तयार करा.\n## ☄️ Tkinter डिझायनरचे फायदे\n\n\n1. ड्रॅग आणि ड्रॉप सह इंटरफेस.\n2. हाताने कोड लिहिण्यापेक्षा खूप जलद\n3. अधिक भव्य इंटरफेस तयार करा\n\n## ⚡️ येथे सूचना वाचा\n\n\nYouTube व्हिडिओ पहा किंवा खालील सूचना वाचा.\n\"Instructions\"\n\"Youtube\n\n## 🦋 समर्थन Tkinter डिझायनर\n\nतुम्‍हाला किंवा तुमच्‍या व्‍यवसायाला याचा फायदा झाला असल्‍यास Tkinter Designer प्रॉजेक्टला देणगी देण्याचा विचार करा. हे Tkinter डिझायनरच्या विकासास गती देईल! कॉफी बनवणे सोपे आहे; मला आनंद होईल.\n\n\"Buy\n\"Paypal\"\n\n\n## 🔵 Discord सर्व्हर आणि LinkedIn\n\n\nDiscord सर्व्हर किंवा LinkedIn सामील होण्यासाठी खालील बटणावर क्लिक करा\n\"Join\n\"Connect\n\n\n## 📐 हे कसे कार्य करते\n\nवापरकर्त्याला फक्त एक गोष्ट करणे आवश्यक आहे ते म्हणजे Figma सह इंटरफेस डिझाइन करा आणि नंतर Figma फाइल URL आणि API टोकन Tkinter Designer मध्ये पेस्ट करा.\n\nTkinter डिझायनर Tkinter मध्ये GUI तयार करण्यासाठी आवश्यक असलेले सर्व कोड आणि प्रतिमा स्वयंचलितपणे व्युत्पन्न करेल.\n\n\"How\n\n___\n\n## 🎯 उदाहरणे\n\n\nTkinter डिझायनरमध्ये शक्यता अंतहीन आहेत, परंतु येथे काही GUI आहेत ज्या Tkinter मध्ये उत्तम प्रकारे तयार केल्या जाऊ शकतात.\nखालील माझी निर्मिती नाही.\n\n### HotinGo [(More Info)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Example\n\n### CodTubify [(More Info)](https://github.com/iamDyeus/CodTubify)\n\n\"Example\n\n### नोंदणी पृष्ठ\n\n\"Example\n\n### ब्रँडिंग पृष्ठ\n\n\"Example\n\n### फ्रेम रेकॉर्डर [(More Info)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n## 🔥 शोकेस\n\nकृपया मला कळवा की Tkinter Designer तुमचा अॅप तयार करण्यासाठी वापरला गेला होता. आणखी चित्रे असतील\nइतर लोकांसाठी फायदेशीर!\n\n(पहा: [माझ्याशी संपर्क साधा](#-contact-me)) किंवा चर्चांमध्ये [शो आणि सांगा](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) विभाग वापरा .\n\n## 📄 परवाना\n\n\nTkinter डिझायनर BSD 3-क्लॉज \"नवीन\" किंवा \"सुधारित\" परवान्याअंतर्गत परवानाकृत आहे.\n[येथे पहा.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| परवानग्या | निर्बंध | परिस्थिती\n| --- | --- | ---\n✓ व्यावसायिक वापर| × दायित्व | 🛈 परवाना आणि कॉपीराइट सूचना\n✓ फेरफार | × हमी\n✓ वितरण \n✓ खाजगी वापर\n\n\n" }, { "path": "docs/README.pt-BR.md", "content": "

\r\n \"logo\"\r\n

Tkinter Designer

\r\n
Automação de interfaces gráficas (GUI) com Tkinter
\r\n

\r\n\r\n

\r\n \r\n \r\n \r\n \r\n

\r\n\r\n
\r\n\r\n___\r\n\r\n## 💡 Introdução\r\n\r\nTkinter Designer foi criado para facilitar o desenvolvimento de interfaces gráficas em Python. Utiliza o conhecido software de design [Figma](https://www.figma.com/) para criar belas interfaces gráficas Tkinter em Python ser tão fácil quanto comer bolo 🍰.\r\n\r\nTkinter Designer utiliza a API do Figma para analisar o arquivo de design e criar o respectivo código e os arquivos necessários para a interface gráfica. Até mesmo a interface gráfica do Tkinter Designer foi criada usando o Tkinter Designer.\r\n\r\n\"Tkinter\r\n\r\n## 📢 Anúncio\r\n### 🎉 O suporte Multiframe chegou! 🎉\r\n\r\nAgora você pode criar múltiplos frames em um único arquivo de design e o Tkinter Designer vai criar o respectivo código e arquivos para cada frame. Essa é uma grande evolução para o Tkinter Designer e eu estou muito animado para ver o que vocês vão criar com isso.\r\n\r\nSinta-se a vontade para compartilhar suas criações com a comunidade no [Discord](https://discord.gg/QfE5jMXxJv).\r\n\r\nSe você encontrar algum bug ou tiver alguma sugestão, por favor crie um issue [aqui](https://github.com/ParthJadhav/Tkinter-Designer).\r\n## ☄️ Vantagens do Tkinter Designer\r\n\r\n1. Interfaces arrastando e soltando\r\n2. Significamente mais rapido para criar do que seria criando código manual\r\n3. Crie interfaces mais maravilhosas\r\n\r\n## ⚡️ Leia as instruções aqui -> [Documentação](/docs/instructions.pt-BR.md)\r\n\r\nAs intruções contém todas as informações sobre a instalação e utilização do Tkinter Designer, através dessas intormações podemos revolver problemas e reportar problemas.\r\n\r\n## 🦋 Apoie o Tkinter Designer\r\n\r\nSe você ou sua empresa conhecem os benefícios do Tkinter Designer, considerem dar um suporte ao desenvolvimento do projeto através de doações. Isso ajudará o desenvolvimento do Tkinter Designer! É muito fácil - pague-me um Café; Eu vou apreciar ;)\r\n\r\n\"Buy\r\n\"Paypal\"\r\n\r\n## 🔵 Inscreva-se no servidor Oficial do Discord do Tkinter Designer\r\n\r\nClick no botão abaixo para increver-se no servidor do Discord e começar a fazer parte das discussões.\r\n\r\n\"Join\r\n\r\n## 📐 Como funciona\r\n\r\nA única coisa que o usuário precisa é fazer uma interface com o Figma, e após isso colar a URL do Figma file URL e a URL da API token do Figma dentro do Tkinter Designer.\r\n\r\nTkinter Designer pode automaticamente gerar código e imagens requeridas para criar a interface gráfica (GUI) no Tkinter.\r\n\r\n\"How\r\n\r\n___\r\n
\r\n\r\n## 🎯 Exemplos\r\n\r\nAs possibilidades são muitas com Tkinter Designer, mas aqui estão algumas interfaces gráficas (GUIS) que podem ser perfeitamente replicadas no Tkinter.\r\n\r\nAs interfaces gráficas a seguir não são minhas criações.\r\n\r\n### HotinGo [(Mais Informações)](https://github.com/Just-Moh-it/HotinGo)\r\n\r\n\"Example\r\n\r\n### CodTubify [(Mais Informações)](https://github.com/iamDyeus/CodTubify)\r\n\r\n\"Example\r\n\r\n### BeAnonymous [(Mais Informações)](https://github.com/MambaCodes/BeAnonymous)\r\n\r\n\"Example\r\n\r\n### Frame Recorder [(Mais Informações)](https://github.com/mehmet-mert/FrameRecorder)\r\n\r\n\"Example\r\n\r\n### WhatBulk [(Mais Informações)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\r\n\r\n\"Example\r\n\r\n### Atarbals-Modern-Antivirus [(Mais Informações)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)\r\n\r\n\"Example\r\n\r\n## 🔥 Casos de sucesso\r\n\r\nSe você tiver um app que foi feito com Tkinter Designer, contate-me. Isso pode ajudar outras pessoas, pessoas podem ficar interessadas ao ver esses exemplos! \r\n(Veja: [Contate-me](#-contate-me)) ou utilize [Mostrar e Contar](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell).\r\n\r\n## 📄 Licença\r\n\r\n\r\nTkinter Designer é licenciado através da licença BSD 3-Clause \"New\" ou \"Revised\". \r\n[Visualize Aqui.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\r\n\r\n| Permissões | Restrições | Condições\r\n| --- | --- | ---\r\n✓ Uso Comercial | × Responsabilidade | 🛈 Licença e Notificação de Copyright\r\n✓ Modificação | × Garantia\r\n✓ Distribuição \r\n✓ Uso Privado\r\n\r\n## 📝 Contate-me\r\n\r\nSe você quiser me contatar, pode me encontrar no Jadhavparth99@gmail.com\r\n\r\nSe conecte comigo no [![Linkedin](https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/parthjadhav04/)\r\n\r\n\r\n" }, { "path": "docs/README.ru-RU.md", "content": "

\n \"logo\"\n

Tkinter Designer

\n
Automate Tkinter GUI Creation
\n\n\n

\n \n \n \n \n

\n\n
\n\n\n## 💡 Введение\n\nTkinter Designer был создан для ускорения процесса разработки графического интерфейса на Python. \n\nОн использует известное программное обеспечение для проектирования [Figma](https://www.figma.com/), позволяющее легко создавать красивые графические интерфейсы Tkinter на Python 🍰.\n\n\"Tkinter\n\n## 📢 Объявление\n### 🎉 Поддержка нескольких фреймов уже здесь! 🎉\n\nТеперь вы можете создавать несколько фреймов в одном файле дизайна, и Tkinter Designer создаст соответствующий код и файлы для каждого фрейма. Это огромный шаг для Tkinter Designer, и я очень рад увидеть, что вы с его помощью создадите.\n\nНе стесняйтесь делиться своими творениями с сообществом на [Discord](https://discord.gg/QfE5jMXxJv).\n\nЕсли вы обнаружите какие-либо ошибки или у вас есть какие-либо предложения, создайте issue [здесь](https://github.com/ParthJadhav/Tkinter-Designer).\n\n## ☄️ Преимущества Tkinter Designer\n\n1. Интерфейсы с перетаскиванием (drag and drop).\n2. Гораздо быстрее, чем писать код вручную.\n3. Создавайте более красивые интерфейсы.\n\n## ⚡️ Инструкцию читайте здесь.\n\nПосмотрите видео на YouTube или прочитайте инструкции ниже.\n\n\"Instructions\"\n\"Youtube\n\n## 🦋 Поддержка Tkinter Designer\n\nРассмотрите возможность сделать пожертвование в проект Tkinter Designer, если вы или ваш бизнес получили от этого пользу. Это ускорит разработку Tkinter Designer! Приготовить кофе просто; Я буду рад насладиться одним.\n\n\"Buy\n\"Paypal\"\n\n## 🔵 Сервер Discord и Linkedin\n\nНажмите кнопку ниже, чтобы присоединиться к серверу Discord или Linkedin.\n\n\"Join\n\"Connect\n\n\n## 📐 Как это работает\n\nЕдинственное, что нужно сделать пользователю, — это разработать интерфейс с помощью Figma, а затем вставить URL-адрес файла Figma и токен API в Tkinter Designer.\n\nTkinter Designer автоматически сгенерирует весь код и изображения, необходимые для создания графического интерфейса в Tkinter.\n\n\"How\n\n___\n\n\n## 🎯 Примеры\n\nВозможности Tkinter Designer безграничны, но вот пара графических интерфейсов, которые можно идеально воспроизвести в Tkinter.\n\nСледующее не является моим творением.\n\n### HotinGo [(Узнать больше)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Example\n\n### CodTubify [(Узнать больше)](https://github.com/iamDyeus/CodTubify)\n\n\"Example\n\n### BeAnonymous [(Узнать больше)](https://github.com/MambaCodes/BeAnonymous)\n\n\"Example\n\n### Frame Recorder [(Узнать больше)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(Узнать больше)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n### Atarbals-Modern-Antivirus [(Узнать больше)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)\n\n\"Example\n\n## 🔥 Витрина\n\nСообщите мне, использовался ли Tkinter Designer для создания вашего приложения. Дополнительные иллюстрации будут полезны другим людям!\n\n(См.: [Свяжитесь со мной](#-свяжитесь-со-мной)) или используйте раздел [Показать и рассказать](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) в обсуждениях.\n\n## 📄 Лицензия\n\n\nTkinter Designer распространяется по лицензии BSD 3-Clause \"New\" or \"Revised\".\n[Просмотреть здесь.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| Разрешения | Ограничения | Условия\n| --- | --- | ---\n✓ Коммерческое использование | × Ответственность | 🛈 Уведомление о лицензии и авторских правах\n✓ Модификация | × Гарантия\n✓ Распространение |\n✓ Частное использование |\n\n## Способствовать\n\nПриветствуются все вклады сообщества открытого исходного кода, частных лиц и партнеров. Наше достижение – результат вашего активного участия.\n\n[Руководство по участию](docs/CONTRIBUTING.md)\n\n[Кодекс поведения](CODE_OF_CONDUCT.md)\n\n[LEARN.md](LEARN.md)\n\n## 📝 Свяжитесь со мной\n\nЕсли вы хотите связаться со мной, вы можете\nсделать это по адресу Jadhavparth99@gmail.com\n\nСвяжитесь со мной на [![Linkedin](https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/parthjadhav04/ )" }, { "path": "docs/README.spa-SPA.md", "content": "

\n \"logo\"\n

Tkinter Designer

\n
Automate Tkinter GUI Creation
\n

\n\n

\n \n \n \n \n

\n\n
\n\n\n## 💡 Introducción\n\nTkinter Designer fue creado para agilizar el desarrolo de GUIs en Python. Éste usa un ya conocido Software de Diseño[Figma](https://www.figma.com/) para crear bonitas GUIs de Tkinter en Python como un pedazo de pastel 🍰.\n\nTkinter Designer usa el API de Figma para analizar un archivo de diseño y crear el respectivo código y archivos necesarios para el GUI. Incluso el GUI de Tkinter Designer fue creado usando Tkinter Designer.\n\n\"Tkinter\n\n## ☄️ Ventajas de Tkinter Designer\n\n1. Interfaces de tipo Arrastra y Suélta\n2. Significativamente más rapido que crear código manualmente\n3. Habilidad de crear interfaces más bonitas.\n\n## ⚡️ Lee las instruciones aquí -> [Documentación](/docs/instructions.md)\n\nLas instruciones contienen toda la informacion sobre la instalación y el uso de Tkinter Designer, junto con información para resolver los problemas y reportar problemas.\n\n## 🦋 Dar apoyo a Tkinter Designer\n\nSi tú o tu compañía se han beneficiado de Tkinter Designer, considera apoyar el desarrollo del projecto a través de donaciones. Ésto va a impulsar el desarrollo de Tkinter Designer! Es tan fácil como preparar un Cafe; Por favor, haz uno para mi ;)\n\n\"Buy\n\n## 🔵 Únete al servidor oficial de Discord de Tkinter Designer\n\nDa click en el siguiente botón para unirte al servidor de discord y tomar parte en las discusiones.\n\n\"Join\n\n## 📐 Cómo funciona\n\nLa única cosa que el usuario debe de hacer es diseñar una interfaz con Figma, y luego pegar el URL de Figma junto con el Token de API en Tkinter Designer.\n\nTkinter Designer automaticamente generará todo el código e imágenes requeridas para crear la GUI en Tkinter.\n\n\"How\n\n___\n
\n\n## 🎯 Ejemplos\n\nLas posibilidades son infinitas con Tkinter Designer, pero aquí hay algunas GUIs que pueden ser perfectamente replicadas en Tkinter.\n\nLas siguientes no son mis creaciones.\n\n### HotinGo [(Más información)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Example\n\n### Registration Page\n\n\"Example\n\n### Branding Page\n\n\"Example\n\n### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n## 🔥 Casos de Éxito\n\nSi tu app fue creada con Tkinter Designer, hazmelo saber. Ésto será de ayuda para otros al ver más ejemplos! \n(Ve: [Contáctame](#-contact-me)) o usa las secciones [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell).\n\n## 📄 Licencia\n\n\nTkinter Designer está bajo la licencia de BSD 3-Clause \"New\" o \"Revised\". \n[Ver Aquí.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| Permisos | Restricciones | Condiciones\n| --- | --- | ---\n✓ Uso Comercial | × Responsabilidad | 🛈 Licencia y Notificación de Copyright\n✓ Modificación | × Garantía\n✓ Distribución \n✓ Uso Privado\n\n" }, { "path": "docs/README.tr-TR.md", "content": "

\n \"logo\"\n

Tkinter Designer

\n
Otomatik Tkinter GUI Oluşturucu
\n

\n\n

\n \n \n \n \n

\n\n
\n\n## 💡 Tanıtım\n\nTkinter Designer Python'da GUI hazırlama sürecini hızlandırmak için yapılmıştır. Tkinter Designer bu tasarımı kolayca yapabilmeniz için [Figma](https://www.figma.com/) yazılımını kullanır.\n\nTkinter Designer Figma API'sini kullanarak bir tasarım dosyasını analiz eder ve ardından GUI için ilgili kodu ve dosyaları sizin için oluşturur. Tkinter Designer'ın GUI tasarımı bile Tkinter Designer kullanarak yapılmıştır.\n\n\"Tkinter\n\n## ☄️ Tkinter Designer'ın Avantajları\n\n1. Sürükle-bırak arayüzler\n2. Manuel olarak kod ile oluşturmaktan çok daha hızlı\n3. Daha güzel arayüzler oluşturmak için bir fırsat\n\n---\n\n## ⚡️ Tkinter Designer'ı Kurmak ve Kullanmak\n\nYönergeler sorun giderme ve hata bildirme ile birlikte Tkinter Designer'ı kurmak ve kullanmak için gereken tüm bilgileri içeriyor.\n\n### [Yönergeleri Okuyun](/docs/instructions.tr-TR.md)\n\n---\n\n## 🦋 Tkinter Designer'ı Destekleme\n\nHayat sanki kahvesiz daha … pardon, şu ana kadar hiç kahvem olmadı.\n\n\"Buy\n\n
\n\n## 🔵 Tkinter Designer'ın Resmi Discord Sunucusu\n\nAşağıdaki butona tıklayarak Discord sunucumuza katılın ve tartışmalarda yer alın.\n\n\"Join\n\n
\n\n## 📐 Nasıl Çalışır\n\nKullanıcıların yapması gereken tek şey Figma ile bir arayüz oluşturmaktır, ardından Figma URL'sini ve API tokenini Tkinter Designer'a yapıştırın.\n\nTkinter Designer otomatik olarak Tkinter'da GUI için gereken tüm kodu ve resimleri otomatik olarak oluşturacaktır.\n\n\"How\n\n---\n\n
\n\n## 🎯 Örnekler\n\nTkinter Designer ile olasılıklar sonsuzdur, ama burada mükemmel bir şekilde kopyalanabilen birkaç GUI var.\n\nAşağıdakiler benim kreasyonlarım değil.\n\n### Kayıt Sayfası\n\n\"Example\n\n### Marka Sayfası\n\n\"Example\n\n### Frame Recorder [(Daha Fazla Bilgi)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n### WhatBulk [(Daha Fazla Bilgi)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Example\n\n## 🔥 Vitrin\n\nEğer Tkinter Designer ile tasarlanmış bir uygulamanız var ise lütfen bana haber verin. Başkalarının daha çok örnek görmesi için yararlı olacaktır!\n\n(Ayrıca: [Bana Ulaşın](#-contact-me)) ya da tartışmalardan [Göster ve Anlat](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) bölümünü kullanın.\n\n---\n\n
\n\n## 📝 İletişim\n\nEğer benimle iletişime geçmek istiyorsanız bana Jadhavparth99@gmail.com mail adresinden ulaşabilirsiniz (İngilizce).\n\n---\n\n
\n\n## 📄 Lisans\n\n\n\nTkinter Designer BSD 3-Clause \"Yeni\" ya da \"Revize Edilmiş\" Lisansı ile lisanslanmıştır. \n[Burdan](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE) ulaşabilirsiniz.\n\n| İzinler | Kısıtlamalar | Şartlar |\n| ------------------------| --------------------| ------------------------------------------|\n| ✓ Ticari Kullanım | × Sorumluluk | 🛈 Lisans ve Telif Hakkı Bildirimi |\n| ✓ Modifikasyon | × Garanti |\n| ✓ Dağıtım |\n| ✓ Özel Kullanım |\n" }, { "path": "docs/README.vi-VN.md", "content": "Here's the translation of the provided text in Vietnamese:\n\n

\n \"logo\"\n

Tkinter Designer

\n

Trình tạo GUI kéo và thả

\n

\n\n

\n \n \n \n \n

\n \n

\n\"Tkinter Designer\n

\n
\n\n## Các bản dịch\n\n- [简体中文](/docs/README.zh-CN.md)\n- [Français](/docs/README.fr-FR.md)\n- [ગુજરાતી](/docs/README.gu-GU.md)\n- [हिन्दी](/docs/README.hin-HIN.md)\n- [Italiano](/docs/README.it-IT.md)\n- [عربية](/docs/README.ar-DZ.md)\n- [Turkish](/docs/README.tr-TR.md)\n- [Brazil](/docs/README.pt-BR.md)\n- [Spanish](/docs/README.spa-SPA.md)\n- [मराठी](/docs/README.mr-MR.md)\n- [Korean](/docs/README.kr-KR.md)\n- [Tiếng Việt](/docs/README.vi-VN.md)\n\n___\n\n## 💡 Giới thiệu\n\nTkinter Designer được tạo ra để tăng tốc quá trình phát triển GUI trong Python. Nó sử dụng phần mềm thiết kế nổi tiếng [Figma](https://www.figma.com/) để tạo ra giao diện Tkinter GUI đẹp mắt trong Python một cách dễ dàng như ăn bánh.\n\nTkinter Designer sử dụng API Figma để phân tích một tệp thiết kế và tạo ra mã và các tệp tương ứng cần thiết cho GUI. Ngay cả giao diện Tkinter Designer cũng được tạo bằng Tkinter Designer.\n\n\"Tkinter\n\n## 📢 Thông báo\n### 🎉 Hỗ trợ nhiều frame đã có! 🎉\n\nBạn có thể tạo nhiều frame trong một tệp thiết kế duy nhất và Tkinter Designer sẽ tạo ra mã và các tệp tương ứng cho mỗi frame. Điều này là một bước quan trọng cho Tkinter Designer và tôi thực sự háo hức xem các bạn tạo ra những gì với nó.\n\nHãy tự do chia sẻ những tác phẩm của bạn với cộng đồng trên [Discord](https://discord.gg/QfE5jMXxJv).\n\nNếu bạn gặp bất kỳ lỗi nào hoặc có bất kỳ đề xuất nào, hãy tạo một issue [tại đây](https://github.com/ParthJadhav/Tkinter-Designer).\n## ☄️ Ưu điểm của Tkinter Designer\n\n1. Giao diện với chức năng kéo và thả.\n2. Nhanh hơn nhiều so với việc viết mã bằng tay.\n3. Tạo ra các giao diện đẹp hơn.\n\n## ⚡️ Đọc hướng dẫn ở đây\n\nXem video trên YouTube hoặc đọc hướng dẫn bên dưới.\n\n\"Hướng\n\"Hướng\n\n## 🦋 Hỗ trợ Tkinter Designer\n\nHãy xem xét quyên góp cho dự án Tkinter Designer nếu bạn hoặc doanh nghiệp của bạn đã được hưởng lợi từ nó. Điều này sẽ giúp gia tăng quá trình phát triển Tkinter Designer! Hãy mua cho tôi một tách cafe; Tôi sẽ rất vui khi được thưởng thức nó.\n\n\"Mua\n\"Paypal\"\n\n\n## 🔵 Máy chủ Discord và Linkedin\n\nNhấp vào nút dưới đây để tham gia máy chủ Discord hoặc Linkedin.\n\n\"Tham\n\"Kết\n\n\n## 📐 Cách hoạt động\n\nChỉ cần thiết kế một giao diện bằng Figma, sau đó dán đường dẫn tệp Figma và mã thông báo API vào Tkinter Designer.\n\nTkinter Designer sẽ tự động tạo tất cả mã và hình ảnh cần thiết để tạo GUI trong Tkinter.\n\n\"Cách\n\n___\n\n## 🎯 Ví dụ\n\nCó vô số khả năng với Tkinter Designer, nhưng đây là một số giao diện người dùng có thể được sao chép hoàn hảo trong Tkinter.\n\nCác tác phẩm sau không phải do tôi tạo ra.\n\n### HotinGo [(Thông tin chi tiết)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Ví\n\n### CodTubify [(Thông tin chi tiết)](https://github.com/iamDyeus/CodTubify)\n\n\"Ví\n\n### BeAnonymous [(Thông tin chi tiết)](https://github.com/MambaCodes/BeAnonymous)\n\n\"Ví\n\n### MarkMe [(Thông tin chi tiết)](https://github.com/Ayan-thecodeking/MarkMe)\n\n\"Ví\n\n## 🎓 Hướng dẫn sử dụng\n\nĐể biết cách sử dụng Tkinter Designer, hãy xem hướng dẫn chi tiết trong tệp [README.md](https://github.com/ParthJadhav/Tkinter-Designer/blob/main/README.md) trên GitHub.\n\nNếu bạn có bất kỳ câu hỏi hoặc cần sự trợ giúp, đừng ngần ngại đặt câu hỏi. Tôi sẽ cố gắng trả lời bạn càng nhanh càng tốt.\n\nTôi hy vọng bạn tận hưởng việc sử dụng Tkinter Designer và nó mang lại hiệu quả và sự tiện lợi cho quá trình phát triển ứng dụng GUI Python của bạn. Nếu bạn cần thêm thông tin hoặc hỗ trợ, xin vui lòng cho tôi biết.\n\n___\n## 🎯 Ví dụ\n\nCó vô số khả năng với Tkinter Designer, nhưng đây là một số giao diện người dùng có thể được sao chép hoàn hảo trong Tkinter.\n\nNhững giao diện dưới đây không phải do tôi tạo ra.\n\n### HotinGo [(Xem thêm)](https://github.com/Just-Moh-it/HotinGo)\n\n\"Ví\n\n### CodTubify [(Xem thêm)](https://github.com/iamDyeus/CodTubify)\n\n\"Ví\n\n### BeAnonymous [(Xem thêm)](https://github.com/MambaCodes/BeAnonymous)\n\n\"Ví\n\n### Frame Recorder [(Xem thêm)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Ví\n\n### WhatBulk [(Xem thêm)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)\n\n\"Ví\n\n### Atarbals-Modern-Antivirus [(Xem thêm)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)\n\n\"Ví\n\n## 🔥 Triển lãm\n\nHãy cho tôi biết nếu Tkinter Designer đã được sử dụng để tạo ứng dụng của bạn. Nhiều ví dụ sẽ hữu ích cho những người khác!\n\n(Xem: [Liên hệ](#-contact-me)) hoặc sử dụng phần [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) trong phần Thảo luận.\n\n## 📄 Giấy phép\n\n\nTkinter Designer được cấp giấy phép theo\n\n Giấy phép BSD 3-Clause \"New\" hoặc \"Revised\".\n[Xem tại đây.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| Quyền hạn | Hạn chế | Điều kiện\n| --- | --- | ---\n✓ Sử dụng thương mại | × Trách nhiệm | 🛈 Giấy phép và thông báo bản quyền\n✓ Sửa đổi | × Bảo hành\n✓ Phân phối \n✓ Sử dụng cá nhân\n\n## Đóng góp\n\nTất cả các đóng góp từ cộng đồng mã nguồn mở, cá nhân và đối tác đều được hoan nghênh. Thành tựu của chúng tôi là kết quả của sự tham gia tích cực của bạn.\n\n[Hướng dẫn đóng góp](docs/CONTRIBUTING.md)\n\n[Quy tắc ứng xử](CODE_OF_CONDUCT.md)\n\n[LEARN.md](LEARN.md)\n\n## 📝 Liên hệ\n\nNếu bạn muốn liên hệ với tôi, bạn có thể\nliên hệ tôi qua Jadhavparth99@gmail.com\n\nKết nối với tôi trên [![Linkedin](https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/parthjadhav04/" }, { "path": "docs/README.zh-CN.md", "content": "

\n \"logo\"\n

Tkinter Designer

\n
自动化 Tkinter GUI 创建
\n

\n\n

\n \n \n \n \n \n

\n\n
\n\n___\n\n## 💡 介绍\n\nTkinter Designer 旨在加速 Python 中的 GUI 开发过程。 它使用著名的设计软件 [Figma](https://www.figma.com/) 使在 Python 中创建漂亮的 Tkinter GUI 变得轻而易举。\n\nTkinter Designer 使用 Figma API 来分析设计文件并创建 GUI 所需的相应代码和文件。 甚至 Tkinter Designer 的 GUI 也是使用 Tkinter Designer 创建的。\n\n\"Tkinter\n\n## ☄️ Tkinter 设计器的优势\n\n1. 拖放界面\n2. 比手动创建代码快得多。\n3. 能够创建更漂亮的界面。\n\n___\n\n## ⚡️ 安装和使用 Tkinter Designer\n\n这些说明包含有关安装和使用 Tkinter Designer 的所有信息，以及用于故障排除和报告问题的信息.\n\n[阅读说明书](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/docs/instructions.zh-CN.md)\n\n## 🦋 支持 Tkinter Designer\n\n没有咖啡的生活是艰难的……对不起，我还没有喝过咖啡。\n\n\"Buy\n\n___\n
\n\n## 📐 这个怎么运作\n\n用户唯一需要做的就是用 Figma 设计一个界面，然后将 Figma 文件 URL 和 API 令牌粘贴到 Tkinter Designer 中。\n\nTkinter Designer 将自动生成在 Tkinter 中创建 GUI 所需的所有代码和图像。\n\n\"How\n\n___\n
\n\n## 🎯 Examples\n\nTkinter Designer 的可能性是无限的，但这里有几个可以在 Tkinter 中完美复制的 GUI。\n\n以下不是我的创作。\n\n### 注册页面\n\n\"Example\n\n### 品牌页面\n\n\"Example\n\n### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)\n\n\"Example\n\n## 🔥 展示柜\n\n如果您的应用是使用 Tkinter Designer 制作的，请告诉我。 其他人看到更多的例子会很有帮助！\n（参见：[Contact Me](#-contact-me)）或使用[Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) 部分讨论 .\n\n___\n
\n\n## 📝 联络我\n\n如果你想联系我 - Jadhavparth99@gmail.com\n\n___\n
\n\n## 📄 执照\n\n\nTkinter Designer 根据 BSD 3 条款“新”或“修订”许可获得许可。\n[View Here.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)\n\n| 权限 | 限制 | 使适应\n| --- | --- | ---\n✓ 商业用途 | × 责任 | 🛈 许可和版权声明\n✓ 修改 | × 保修单\n✓ 分配 \n✓ 私人使用\n" }, { "path": "docs/build.md", "content": "# Building & Releasing to Pypi with Poetry\n\n## A Note:\nPython packaging is a hot topic, and everyone has an opinion about it.\nWe migrated to poetry based on discussion in [pull request #84](https://github.com/ParthJadhav/Tkinter-Designer/pull/84)\nHave we made a huge mistake? If so, open an issue and let us know!\n\n## Publishing to testpypi\n1. [Install Poetry](https://python-poetry.org/docs/#installation) - ! do not pip install poetry\n2. `poetry install` - installs dependencies\n3. `poetry config repositories.testpypi https://test.pypi.org/legacy/`\n4. `poetry version $VERSION` - bump the version number to the value of <$VERSION>\n5. `poetry publish --build -r testpypi -u __token__ -p $TESTPYPI_TOKEN`\n \n\n## Packaging [deprecated in Tkinter-Designer as of 1.0.100]\n\n> This was preserved as a reference for anyone interested\n\nA brief explanation: packages in python are implicitly declared by providing an \\_\\_init\\_\\_.py file.\nAny directory with that file present is a package, every file within a package is a module.\n\nSo, point the build environment at the dir(s) you want to include in your package in the setup.cfg file.\n\npyproject.toml is a declarative description of the build environment.\nOur build environment needs wheel and setuptools packages to handle building for us.\n\n[Here's a tutorial](https://packaging.python.org/tutorials/packaging-projects/) on building/releasing packages for anyone with more interest.\n\n### Manual Release\n\nStaging environment:\n- Make sure conventions are followed and tests pass: `flake8 && pytest`\n- Sign up for an account at [test.pypi.org](https://test.pypi.org/) and get an API key.\n- Change the package name in setup.cfg to end in \"-\"\n- Create an API key/token for yourself\n- Create a .pypirc file in your home directory with something like:\n\n```\n[testpypi]\n username = __token__\n password = pypi-\n```\n\n- `pip install --upgrade build twine`\n- Run `python -m build` from the main project dir, it will create a './dist' dir with the tarball and zip files.\n- Run twine to publish the dist to the test pypi registry: `python -m twine upload --repository testpypi dist/*`\n- To test:\n - create a new project directory, blank\n - create a venv or whatever you're into: `python -m venv .venv`\n - activate your virtualenv\n - `pip install -i https://test.pypi.org/simple/ tkdesigner-cli-jvendegna==1.0.11` for example. That one works, feel free to test it.\n - `tkdesigner $YOUR_FIGMA_TOKEN -f`\n - `python build/gui.py`\n\n\n* Note: everywhere you see `python` is python3, not python2\n" }, { "path": "docs/instructions.ar-DZ.md", "content": "
\n\n# كيفية استعمال Tkinter Designer\n\n___\n\n## Table of Contents\n\n1. [**البدء**](#getting-started-1)\n 1. [تثبيت Python](#getting-started-1)\n 2. [تثبيت Tkinter Designer](#getting-started-2)\n 3. [إنشاء حساب Figma](#getting-started-3)\n\n2. [**تنسيق تصميم Figma**](#formatting-1)\n 1. [المرجع](#formatting-1)\n 2. [دليل العناصر](#formatting-2)\n\n3. [**إستعمال Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Access Token الشخصي](#using-1)\n 2. [الحصول على URL الملف](#using-2)\n 3. [استعمال CLI](#using-cli)\n 4. [استعمال GUI](#using-gui)\n\n4. [**Troubleshooting**](#Troubleshooting)\n\n

\n\n# البدء [[الأعلى](#table-of-contents)]\n\n\n\n## 1. تثبيت Python\n\nقبل استعمال Tkinter Designer, ستحتاج إلى تثبيت Python.\n\n- [رابط تثبيت Python](https://www.python.org/downloads)\n- [رابط مفيد لثبيت Python على أنظمة تشغيل مختلفة](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*لاحقا في هذا الدليل، ستستعمل Package Installer for Python (pip), والذي قد يتطلب منك إضافة Python إلى نظام PATH*\n\n___\n
\n\n\n\n## 2. تثبيت Tkinter Designer\n\n*ثلاث خيارات:*\n\n1. `pip install tkdesigner`\n\n2. تثبيت [poetry](https:python-poetry.org)\n - `poetry new gui_project_name && cd gui_project_name`\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. لتشغيل Tkinter Designer من source code, اتبع الخطوات أدناه.\n\n 1. تحميل كود Tkinter Designer إما يدويًا أو بواسطة git.\n\n `git clone https://github.com/ParthJadhav/Tkinter-Designer.git`\n\n 2. فتح مجلد Tkinter Designer (تغيير المجلد الحالي)\n\n `cd tkinter-designer`\n\n 3. تثبيت الملحقات الضرورية\n\n - `pip install -r requirements.txt`\n - في حالة عطب في pip جرب الأوامر التالية:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - وإن كان هذا لا يزال يعمل، تأكد من أن Python مُضاف إلى PATH.\n\n . هذا سيقوم بتثبيت كل العناصر الضرورية لعمل Tkinter Designer. قبل استعمال Tkinter Designer ستحتاج إلى إنشاء ملف Figma بالإرشادات التالية.\n\n If you already have created a file then skip to [**Using Tkinter Designer**](#Using-Tkinter-Designer) Section.\n\n إذا أنشأت الملف بالفعل، فانتقل إلى قسم [**استعمال Tkinter Designer**](#Using-Tkinter-Designer)\n\n___\n
\n\n\n\n## 3. إنشاء حساب Figma\n\n1. باستعمال متصفح ويب إذهب إلى [figma.com](https://www.figma.com/) وانقر على 'Sign up'\n2. أدخل معلوماتك وتحقق من بريدك الإلكتروني\n3. قم بإنشاء ملف تصميم Figma جديد\n4. إبدأ بإنشاء الواجهة\n - القسم الموالي يغطي التنسيق المطلوب لإدخال Tkinter Designer\n - [هنا الدورة التعليمية الرسمية للبرنامج Figma](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [هنا القناة الرسمية في اليوتوب Figma](https://www.youtube.com/c/Figmadesign/featured)\n - [هنا مقر المساعدة Figma](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# تنسيق تصميم Figma [[الأعلى](#table-of-contents)]\n\n## 1. المرجع\n\n
\n\n### التسمية مهمة\n\n| اسم العنصر في Figma | عنصر Tkinter |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nيعتمد الكود الذي تم إنشاؤه بواسطة Tkinter Designer على أسماء العناصر من تصميم Figma الخاص بك، وعلى هذا النحو، تحتاج إلى تسمية العناصر الخاصة بك وفقًا لذلك. في Figma ، أعد تسمية عناصرك بالنقر عليها في لوحة Layers.\n___\n
\n\n\n\n## 2. دليل العناصر\n\n
\n\n1. **أولاً، قم بإنشاء Frame والتي ستكون بمثابة نافذة Tkinter**\n

\n\n2. **إضافة صور**\n - يمكن إنشاء الصور باستخدام الأشكال و / أو الصور\n - إذا كنت تستخدم أشكالًا / صورًا متعددة ، فيجب عليك تجميعها معًا عن طريق تحديدها جميعًا والضغط عليها CTRL/⌘ + G\n - وبعد ذلك، قم بتسمية العنصر أو المجموعة ب \"Image\".\n

\n\n3. **نص (نص عادي)**\n - استخدم مفتاح T لتنشيط أداة Text ، ثم أضف النص حسب الرغبة\n - لا يلزم إعادة تسمية النص لاستخدامه في Tkinter Designer\n - اضغط على مفتاح Return أو Enter للانتقال إلى السطر التالي.\n

\n\n4. **الإدخال (إدخال مستخدم أحادي السطر)**\n - قم بتنشيط أداة Rectangle باستخدام R \n - اضبط المستطيل حسب رغبتك\n - تأكد من تسمية المستطيل \"TextBox\"\n

\n\n5. **منطقة النص (إدخال مستخدم متعدد الأسطر)**\n - قم بتنشيط أداة Rectangle باستخدام R \n - اضبط المستطيل حسب رغبتك\n - تأكد من تسمية المستطيل \"TextArea\"\n\n6. **Rectangle**\n - قم بتنشيط أداة Rectangle باستخدام R \n - اضبط المستطيل حسب رغبتك\n - تأكد من تسمية المستطيل \"Rectangle\".\n

\n\n7. **زر عادي**\n - أضف مستطيلاً ليكون بمثابة زر في واجهة المستخدم\n - اختياري: أضف نصًا للزر\n - حدد الزر (مستطيل) ، وأي نص اختياري ، ثم قم بتجميعها باستخدام CTRL / & # 8984؛ + G \n - قم بتسمية المجموعة \"Button\"\n\n

إلجأ إلى هذا [الفيديو](https://youtu.be/Qd-jJjduWeQ) إذا واجهت أي مشاكل\n\n8. **زر مدور**\n - أضف مستطيلًا ليكون بمثابة زر في واجهة المستخدم\n - اختياري: أضف نصًا للزر\n - إجعلها مدورة بإضافة corner radius عن طريق تحديد المستطيل وإضافة corner radius من الجهة اليمنى. [إقرأ المزيد عنها](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - قم بإنشاء مستطيل بنفس حجم الزر الخاص بك. لا تجعلها مدورة\n - قم بتغيير لون المستطيل ليطابق الخلفية\n - الآن قم بتحريك المستطيل الذي تم إنشاؤه حديثًا أسفل الزر الرئيسي (مستطيل)\n - حدد الزر والمستطيل وأي نص اختياري ، ثم قم بتجميعها باستخدام CTRL / & # 8984؛ + G \n - قم بتسمية المجموعة \"Button\"\n\n#### إلجأ إلى هذا [الفيديو](https://youtu.be/Qd-jJjduWeQ) إذا واجهت أي مشاكل\n\n

\n\n\n\n# استعمال Tkinter Designer [[الأعلى](#table-of-contents)]\n\n## المدخلات المطلوبة\n\nهناك بعض المدخلات التي ستحتاج إلى جمعها لتتمكن من استخدام Tkinter Designer.\n\n\n\n### 1. Access Token الشخصي\n\n1. قم بتسجيل الدخول إلى حساب Figma الخاص بك\n2. انتقل إلى الإعدادات\n3. في علامة التبويب **الحساب** ، قم بالتمرير لأسفل إلى **Personal Access tokens**\n4. أدخل اسم access token الخاص بك في نموذج الإدخال واضغط على Enter \n5. سيتم إنشاء access token الخاص بك.\n - انسخ هذا access token واحتفظ به في مكان آمن.\n - **لن تحصل على فرصة أخرى لنسخ هذا token.**\n\n### 2. الحصول على URL الملف\n\n1. في ملف تصميمك Figma، إضغط على زر **Share** في القسم العلوي، ثم على **🔗 Copy link**\n\n\n\n## باستعمال CLI\n\nيعد استخدام CLI أمرًا بسيطًا مثل تثبيت الحزمة وتشغيل أداة CLI.\n\n### من PyPi\n\nيمكنك استخدام الأوامر أدناه كاختبار باستبدال $FILE_URL و $FIGMA_TOKEN ببياناتك. إذا لم يكن لديك token والرابط فارجع إلى [**المدخلات المطلوبة**](#using-1).\n\n``` bash\npip install tkdesigner\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### من Source\n\nلاستخدام CLI من الكود المصدري ، تحتاج إلى clone repository ثم اتباع الإرشادات أدناه.\n\nيمكنك استخدام الأوامر أدناه كاختبار باستبدال $FILE_URL و $FIGMA_TOKEN ببياناتك. إذا لم يكن لديك token والرابط فارجع إلى [**المدخلات المطلوبة**](#using-1).\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n# To learn more about how to use the cli, pass the --help flag\n$ python -m tkdesigner --help\n```\n\n### المخرجات\n\nبشكل تلقائي، كود واجهة المستخدم سيكتب إلى build/gui.py. تستطيع تحديد path المخرج باستعمال flag `-o` مع path.\n\nلتشغيل واجهة المستخدم المنتجة، قم بcd إلى path الذي ستكتب إليه (build/ مثلاً) وقم بتشغيله مثل أي واجهة مستخدم Tkinter.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## استعمال واجهة المستخدم\n\n### افتح Tkinter Designer قبل تنفيذ الخطوات التالية\n\n
\n\n1. افتح Tkinter Designer GUI عن طريق\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. إنسخ *access token الشخصي إلى* **Token ID** في Tkinter Designer\n3. إنسخ الرابط إلى **File URL** في Tkinter Designer\n4. إضغط على **Output Path** لفتح متصفح الملفات\n5. إختر path مخرجات وإضغط على **Select Folder**\n6. إضغط على **Generate**\n\nسيتم وضع ملفات الإخراج من Tkinter Designer في path الذي اخترته ، داخل مجلد جديد يسمى **build**. تهانينا ، لقد قمت الآن بإنشاء Tkinter GUI باستخدام Tkinter Designer!\n\n

\n\n\n\n# Troubleshooting [[الأعلى](#table-of-contents)]\n\n- العناصر غير مرئية؟ في غير محلها؟\n - يرجى التأكد من أن ملف Figma الخاص بك يحتوي على عناصره المسماة بشكل صحيح. * أنظر إلى [تنسيق تصميم Figma, §1](#formatting-1)\n\n- الزر له خلفية رمادية من غير قصد؟\n - تأكد من إضافة مستطيل خلف عنصر الزر الخاص بك ، وأن لون التعبئة الخاص به هو نفسه لون الخلفية\n\n- عناصر غير صحيحة؟\n - تأكد من تسمية العناصر الخاصة بك بشكل صحيح في Figma\n - أنظر إلى [تنسيق تصميم Figma, §1](#formatting-1)\n\n- النافذة أكبر من الشاشة؟\n - قم بتصغير العناصر الخاصة بك في Figma\n\n- الملفات لم تُولّد؟\n - أعد تشغيل Tkinter Designer\n - تحقق مرة أخرى access token وعنوان URL\n - تأكد من أن التصميم الخاص بك يحتوي على Frame\n\n- شيء آخر؟\n - [الإبلاغ عن المشكلات غير المدرجة هنا على GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n\n
\n" }, { "path": "docs/instructions.ban-BAN.md", "content": "# কবিতা দিয়ে পাইপিকে নির্মাণ ও মুক্তি দেওয়া\n\n## একটি নোট:\nপাইথন প্যাকেজিং একটি আলোচিত বিষয় এবং প্রত্যেকেরই এটি সম্পর্কে মতামত রয়েছে।\nআমরা [Pull request #84](https://github.com/ParthJadhav/Tkinter-Designer/pull/84) এ আলোচনার ভিত্তিতে কবিতায় স্থানান্তরিত হয়েছি।\nআমরা কি একটি বড় ভুল করেছি? যদি তাই হয়, একটি সমস্যা খুলুন এবং আমাদের জানান!\n\n## টেস্টপিপিতে প্রকাশ করা হচ্ছে\n1. [কবিতা ইনস্টল করুন](https://python-poetry.org/docs/#installation) - ! কবিতা ইনস্টল পিপ দিয়ে না\n2. `poetry install` - নির্ভরতা ইনস্টল করে\n3. `poetry config repositories.testpypi https://test.pypi.org/legacy/`\n4. `poetry version $VERSION` - সংস্করণ নম্বরটিকে <$VERSION>-এর মানের সাথে বাম্প করুন\n5. `poetry publish --build -r testpypi -u __token__ -p $TESTPYPI_TOKEN`\n \n\n## প্যাকেজিং [1.0.100 অনুযায়ী টিকিন্টার-ডিজাইনার-এ অবচয়িত]\n\n> এটি আগ্রহী কারো জন্য একটি রেফারেন্স হিসাবে সংরক্ষিত ছিল\n\nএকটি সংক্ষিপ্ত ব্যাখ্যা: পাইথন-এ প্যাকেজগুলি একটি \\_\\_init\\_\\_.py ফাইল প্রদান করে পরোক্ষভাবে ঘোষণা করা হয়।\nসেই ফাইলের সাথে যেকোন ডিরেক্টরি বর্তমান একটি প্যাকেজ, একটি প্যাকেজের মধ্যে থাকা প্রতিটি ফাইল একটি মডিউল।\n\nসুতরাং, আপনি setup.cfg ফাইলে আপনার প্যাকেজে যে dir(গুলি) অন্তর্ভুক্ত করতে চান সেখানে বিল্ড এনভায়রনমেন্ট নির্দেশ করুন।\n\npyproject.toml হল বিল্ড পরিবেশের একটি ঘোষণামূলক বর্ণনা।\nআমাদের বিল্ডিং এনভায়রনমেন্টে আমাদের জন্য বিল্ডিং পরিচালনা করার জন্য চাকা এবং সেটআপ টুল প্যাকেজ প্রয়োজন।\n\n[এখানে একটি টিউটোরিয়াল আছে](https://packaging.python.org/tutorials/packaging-projects/) আরো আগ্রহ আছে এমন কারো জন্য প্যাকেজ তৈরি/রিলিজ করার বিষয়ে।\n\n### ম্যানুয়াল রিলিজ\n\nস্টেজিং পরিবেশ:\n- নিশ্চিত করুন যে নিয়মগুলি অনুসরণ করা হয়েছে এবং পরীক্ষায় উত্তীর্ণ হয়েছে: `flake8 && pytest`৷\n- [test.pypi.org](https://test.pypi.org/) এ একটি অ্যাকাউন্টের জন্য সাইন আপ করুন এবং একটি এপিআই কী পান৷\n- \"-\" এ শেষ করতে setup.cfg-এ প্যাকেজের নাম পরিবর্তন করুন\n- নিজের জন্য একটি এপিআই কী/টোকেন তৈরি করুন\n- আপনার হোম ডিরেক্টরিতে একটি .pypirc ফাইল তৈরি করুন এরকম কিছু দিয়ে:\n\n```\n[testpypi]\n username = __token__\n password = pypi-\n```\n\n- `pip install --upgrade build twine`\n- মূল প্রকল্প ডির থেকে `পাইথন -এম বিল্ড` চালান, এটি টারবল এবং জিপ ফাইলের সাথে একটি './dist' ডির তৈরি করবে।\n- পরীক্ষা pypi রেজিস্ট্রিতে dist প্রকাশ করতে twine চালান: `python -m twine upload --repository testpypi dist/*`\n- পরীক্ষা করতে:\n - একটি নতুন প্রকল্প ডিরেক্টরি তৈরি করুন, ফাঁকা\n - একটি venv তৈরি করুন বা আপনি যা কিছুতে আছেন: `python -m venv .venv`\n - আপনার virtualenv সক্রিয় করুন\n - `pip install -i https://test.pypi.org/simple/ tkdesigner-cli-jvendegna==1.0.11` উদাহরণস্বরূপ। যে এক কাজ করে, এটা পরীক্ষা নির্দ্বিধায়।\n - `tkdesigner $YOUR_FIGMA_TOKEN -f`\n - `python build/gui.py`\n\n\n* দ্রষ্টব্য: আপনি যেখানেই `python` দেখছেন সেখানে পাইথন ৩, পাইথন২ নয়\n" }, { "path": "docs/instructions.fr-FR.md", "content": "# Comment utiliser Tkinter Designer\n___\n\n## Sommaire\n\n1. [**Commencer**](#getting-started-1)\n 1. [Installer Python](#getting-started-1)\n 2. [Installer Tkinter Designer](#getting-started-2)\n 3. [Créer un compte Figma](#getting-started-3)\n\n2. [**Formater votre design Figma**](#formatting-1)\n 1. [Référence](#formatting-1)\n 2. [Guide des éléments](#formatting-2)\n\n3. [**Utiliser Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Clé d'accès personnelle](#using-1)\n 2. [URL du fichier](#using-2)\n 3. [Utilisant CLI](#using-cli)\n 4. [Utilisant GUI](#using-gui)\n\n4. [**Diagnostic des anomalies**](#Troubleshooting)\n\n

\n\n# Commencer [[Haut](#Sommaire)]\n\n\n\n## 1. Installer Python\n\nAvant d'utiliser Tkinter Designer, vous devez installer Python.\n- [Voici un lien vers la page de téléchargement de Python.](https://www.python.org/downloads) \n- [Voici un guide utile pour installer Python sur divers systèmes d'exploitation.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Plus loin dans ce guide, vous utiliserez le programme d'installation de packages pour Python (pip), ce qui peut vous obliger à ajouter Python à votre PATH système.*\n\n___\n
\n\n\n\n## 2. Installer Tkinter Designer\n\nUne fois Python installé, vous pouvez télécharger Tkinter Designer depuis le [dépôt officiel](https://github.com/ParthJadhav/Tkinter-Designer).\n\nDans la barre latérale de droite, cliquez sur la dernière version et, sous **Assets**, choisissez `tkinter_designer.exe`. Une fois l'exécutable téléchargé, vous êtes prêt à exécuter le programme !\n\n*Pour exécuter Tkinter Designer à partir du code source, suivez les instructions ci-dessous.*\n\n1. Téléchargez les fichiers sources de Tkinter Designer en les téléchargeant manuellement ou en utilisant git :-\n\n` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n2. Changez votre répertoire de travail en Tkinter Designer.\n\n`cd Tkinter-Designer`\n\n3. Installez les dépendances nécessaires en exécutant `pip install -r requirements.txt`\n - Si pip ne fonctionne pas, essayez également les commandes suivantes :\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - Si cela ne fonctionne toujours pas, assurez-vous que Python est ajouté au PATH.\n \nCela installera toutes les exigences et Tkinter Designer. Avant d'utiliser Tkinter Designer, vous devez créer un fichier Figma avec les instructions ci-dessous.\n\nSi vous avez déjà créé un fichier, passez à la section [**Utilisation de Tkinter Designer**](#Using-Tkinter-Designer).\n\n___\n
\n\n\n\n## 3. Créer un compte Figma\n\n1. Dans un navigateur web, rendez-vous sur [figma.com](https://www.figma.com/) et cliquez sur 'Sign up'\n2. Entrez vos informations, puis vérifiez votre email\n3. Créez un nouveau fichier de design Figma\n4. Commencez à créer votre interface graphique\n - La section suivante couvre le formatage requis pour l'entrée de Tkinter Designer.\n - [Série officielle de tutoriels Figma pour les débutants](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Chaîne YouTube officielle Figma](https://www.youtube.com/c/Figmadesign/featured)\n - [Centre d'aide Figma](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Formater votre design Figma [[Haut](#Sommaire)]\n\n## 1. Référence\n\n
\n\n### L'importance du nom\n\n| Nom de l'élément Figma | Élément Tkinter |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nLe code généré par Tkinter Designer est basé sur les noms des éléments de votre design Figma et, en tant que tel, vous devez nommer vos éléments en conséquence. Dans Figma, renommez vos éléments en double-cliquant dessus dans le panneau Calques.\n\n___\n
\n\n\n\n## 2. Guide des éléments\n\n
\n\n1. **Tout d'abord, créez une Frame qui servira de fenêtre Tkinter.**\n

\n\n2. **Ajout d'images**\n - Les images peuvent être créées à l'aide de formes et/ou d'images\n - Si vous utilisez plusieurs formes/images, vous devez les regrouper en les sélectionnant toutes et en appuyant sur CTRL/⌘ + G\n - Après cela, nommez l'élément ou le groupe comme \"Image\".\n\n3. **Texte (Texte normal)**\n - Utilisez la touche T pour activer l'outil texte, puis ajoutez du texte comme vous le souhaitez\n - Le texte n'a pas besoin d'être renommé pour être utilisé dans Tkinter Designer\n - Appuyez explicitement sur la touche Retour ou Entrée pour passer à la ligne suivante.\n

\n\n4. **Entrée de texte (Entrée utilisateur sur une seule ligne)**\n - Activez l'outil Rectangle avec R\n - Ajustez le rectangle à votre convenance\n - Assurez-vous que le rectangle est nommé \"TextBox\"\n

\n\n5. **Zone de texte (Entrée utilisateur sur plusieurs lignes)**\n - Activez l'outil Rectangle avec R\n - Ajustez le rectangle à votre convenance\n - Assurez-vous que le rectangle est nommé \"TextArea\"\n\n6. **Rectangle**\n - Activez l'outil Rectangle avec R\n - Ajustez le rectangle à votre convenance\n - Assurez-vous que le rectangle est nommé \"Rectangle\"\n

\n\n7. **Bouton normal**\n - Ajouter un rectangle pour servir de bouton dans votre interface graphique\n - Facultatif : ajoutez du texte au bouton\n - Sélectionnez le bouton (Rectangle) et tout texte facultatif, puis regroupez-les avec CTRL/⌘ + G\n - Nommez le groupe \"Button\"\n\n#### Référez vous à [cette vidéo](https://youtu.be/Qd-jJjduWeQ) si vous rencontrez tout problème\n\n

\n\n8. **Bouton arrondi**\n - Ajouter un rectangle pour servir de bouton dans votre interface graphique\n - Facultatif : ajoutez du texte au bouton\n - Arrondissez-le en ajoutant un rayon d'angle en sélectionnant le rectangle et en ajoutant un rayon d'angle à partir du côté droit. [En savoir plus](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Créez un rectangle avec la même taille de votre bouton. Ne l'arrondissez pas.\n - Changez la couleur du rectangle pour qu'elle corresponde à l'arrière-plan\n - Déplacez maintenant le rectangle nouvellement créé sous le bouton principal (Rectangle).\n - Sélectionnez le bouton (Rectangle) et tout texte facultatif, puis regroupez-les avec CTRL/⌘ + G\n - Nommez le groupe \"Button\"\n\n#### Référez vous à [cette vidéo](https://youtu.be/Qd-jJjduWeQ) si vous rencontrez tout problème\n\n

\n\n\n\n# Utiliser Tkinter Designer [[Haut](#sommaire)]\n\n### Ouvrez Tkinter Designer avant de suivre les étapes suivantes\n\n
\n\n\n\n## 1. Clé d'accès personnelle\n\n1. Connectez-vous à votre compte Figma\n2. Accédez à Paramètres\n3. Dans l'onglet **Compte**, faites défiler jusqu'à **Personnal access tokens**\n4. Saisissez le nom de votre clé d'accès dans le formulaire de saisie et appuyez sur Entrée\n5. Votre clé d'accès personnelle sera créé.\n - Copiez cette clé et conservez-la dans un endroit sûr.\n - **Vous n'aurez pas d'autre chance de copier cette clé.**\n6. Collez votre clé d'accès personnelle dans le formulaire **Token ID** dans Tkinter Designer\n\n___\n
\n\n\n\n## 2. URL du fichier\n\n1. Dans votre fichier de conception Figma, cliquez sur le bouton **Partager** dans la barre supérieure, puis cliquez sur **🔗 Copier le lien**\n2. Collez le lien dans la zone **File URL** au sein de Tkinter Designer\n\n___\n
\n\n\n\n## Utilisation de l'interface de ligne de commande\n\nL'utilisation de la CLI est aussi simple que l'installation du package et l'exécution de l'outil CLI.\n\nVous pouvez utiliser la commande ci-dessous comme test en remplaçant $YOUR_FIGMA_TOKEN par votre token d'accès personnel Figma généré. Si vous n'avez pas le jeton, reportez-vous à la [**Section des entrées requises**](#using-1) .\n\n```bash\n# Exemple de données\n$ python -m tkdesigner.cli https://www.figma.com/file/WVLnulVsI177tvnxSdqOUZ/Untitled?node-id=0%3A1 $YOUR_FIGMA_TOKEN -f\n# Pour en savoir plus sur l'utilisation de la cli, passez l'indicateur --help\n$ python -m tkdesigner.cli --help\n```\n\nPar défaut, le code GUI sera écrit dans build/gui.py.\nPour exécuter l'interface graphique générée, cd dans le répertoire dans lequel vous l'avez construit (par exemple build/) et exécutez-le comme vous le feriez avec n'importe quelle interface graphique Tkinter.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## Utilisation de l'interface graphique\n\n1. Ouvrez TKinter Designer en\n\n```\ncd Tkinter-Designer\ninterface graphique cd\npython3 gui.py\n```\n\n2. Collez votre *jeton d'accès personnel* dans le formulaire **ID de jeton** dans Tkinter Designer\n3. Collez le lien dans le formulaire **URL du fichier** dans Tkinter Designer\n4. Cliquez sur le formulaire **Chemin de sortie** pour ouvrir un navigateur de fichiers\n5. Choisissez un chemin de sortie et cliquez sur **Sélectionner un dossier**\n6. Appuyez sur **Générer**\n\nLes fichiers de sortie de Tkinter Designer seront placés dans le répertoire de votre choix, dans un nouveau dossier appelé **build**. Félicitations, vous avez maintenant créé votre interface graphique Tkinter à l'aide de Tkinter Designer !\n\n

\n\n\n\n# Diagnostic des anomalies [[Haut](#sommaire)]\n\n- Éléments non visibles ? Mal placés ?\n - Veuillez vous assurer que votre fichier Figma a ses éléments nommés correctement. * Voir [Formater votre dessin Figma, §1](#formatting-1)\n\n- Le bouton a un arrière-plan gris non désiré ?\n - Assurez-vous que vous avez ajouté un rectangle derrière votre élément de bouton et que sa couleur de remplissage est la même que celle de l'arrière-plan\n\n- Éléments incorrects ?\n - Assurez-vous d'avoir nommé correctement vos éléments dans Figma\n - Se référer à [Formater votre design Figma, §1](#formatting-1)\n\n- La fenêtre est plus grande que l'écran ?\n - Réduisez la taille de vos éléments dans Figma\n\n- Les fichiers ne se génèrent pas ?\n - Redémarrez Tkinter Designer\n - Vérifiez la clé d'API et l'URL\n - Assurez-vous que votre design a une Frame\n\n- Autre chose ?\n - [Signalez des problèmes non répertoriés ici sur GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.gu-GU.md", "content": "# How to use Tkinter Designer\n___\n\n## અનુક્રમણિકા\n\n1. **પ્રારંભ કરી રહ્યા છીએ**\n 1. પાયથોન ઇન્સ્ટોલ કરો\n 2. ટીકીટર ડિઝાઇનર ઇન્સ્ટોલ કરો\n 3. ફિગ્મા એકાઉન્ટ બનાવો\n\n2. **તમારી ફિગ્મા ડિઝાઇન ફોર્મેટિંગ**\n 1. સંદર્ભ\n 2. એલિમેન્ટ ગાઇડ\n\n3. **ટિંકટર ડિઝાઇનરનો ઉપયોગ કરીને**\n 1. વ્યક્તિગત પ્રવેશ ટોકન\n 2. ફાઇલ URL\n 3. તમારા જનરેટેડ કોડની કસોટી કરો\n\n4. **મુશ્કેલીનિવારણ**\n

\n\n# પ્રારંભ [[અનુક્રમણિકા]](#અનુક્રમણિકા)\n\n\n\n## 1. પાયથોન ઇન્સ્ટોલ કરો\n\nટિંકટર ડિઝાઇનરનો ઉપયોગ કરતા પહેલા, તમારે પાયથોન ઇન્સ્ટોલ કરવાની જરૂર છે.\n- [અહીં Python ડાઉનલોડ્સ Page ની એક લિંક છે.](https://www.python.org/downloads)\n- [વિવિધ operating સિસ્ટમો પર પાયથોન install કરવા માટે અહીં સહાયક માર્ગદર્શિકા છે.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n- પછી આ માર્ગદર્શિકામાં, તમે Python(pip) માટે પેકેજ ઇન્સ્ટોલરનો ઉપયોગ કરશો, જેના માટે તમારે તમારી સિસ્ટમ પાથમાં પાયથોન ઉમેરવાની જરૂર પડી શકે છે. *\n\n___\n
\n\n \n\n## 2. ટિંકટર ડિઝાઇનર ઇન્સ્ટોલ કરો\n\nએકવાર તમે પાયથોન ઇન્સ્ટોલ કર્યા પછી, તમે Tkinter ડિઝાઇનર [Official Repository](https://github.com/ParthJadhav/Tkinter-Designer) પરથી ડાઉનલોડ કરી શકો છો.\n\nજમણી બાજુની સાઇડબારમાં, નવીનતમ પ્રકાશનને ક્લિક કરો અને **Assets** હેઠળ, `tkinter_designer.exe` પસંદ કરો. એક્ઝેક્યુટેબલ ડાઉનલોડ થયા પછી, તમે પ્રોગ્રામ ચલાવવા માટે તૈયાર છો!\n\nસ્રોત કોડમાંથી ટિંક્ટર ડિઝાઇનર ચલાવવા માટે, નીચે આપેલા સૂચનોને અનુસરો.\n\n1. સ્રોત ફાઇલોને ટિંકટર ડિઝાઇનર માટે જાતે ડાઉનલોડ કરીને અથવા ઉપયોગ કરીને ડાઉનલોડ કરો git :-\n\n`git clone https://github.com/ParthJadhav/Tkinter-Designer.git`\n\n2. તમારી કાર્યકારી ડિરેક્ટરીને ટીકીટર ડિઝાઇનર પર બદલો\n\n`cd Tkinter-Designer`\n\n3. ચલાવીને જરૂરી પરાધીનતા સ્થાપિત કરો\n\n`pip install -r requirements.txt` ચલાવીને આવશ્યક અવલંબન સ્થાપિત કરો\n\n- જે સ્થિતિમાં PIP કામ કરતું નથી, નીચેના આદેશો પણ અજમાવો:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n- જો આ હજી પણ કામ કરતું નથી, તો ખાતરી કરો કે પાયથોન PATH માં ઉમેરવામાં આવ્યો છે.\n \nઆ બધી આવશ્યકતાઓ અને ટિંકટર ડિઝાઇનર ઇન્સ્ટોલ કરશે. તમે ટિંકટર ડિઝાઇનરનો ઉપયોગ કરો તે પહેલાં તમારે નીચેની સૂચનાઓ સાથે ફિગ્મા ફાઇલ બનાવવાની જરૂર છે.\n\nજો તમે પહેલેથી જ ફાઇલ બનાવી છે, તો પછી [** ટીકીટર ડિઝાઇનરનો ઉપયોગ કરીને **] (# ઉપયોગ કરીને-ટિંકિટર-ડિઝાઇનર) વિભાગ પર જાઓ.\n\n___\n
\n\n \n\n## 3. ફિગ્મા એકાઉન્ટ બનાવો\n\n1. વેબ બ્રાઉઝરમાં, [figma.com](https://www.figma.com/) પર નેવિગેટ કરો અને 'સાઇન અપ' ક્લિક કરો.\n2. તમારી માહિતી દાખલ કરો, પછી તમારું ઇમેઇલ ચકાસો\n3. નવી ફિગ્મા ડિઝાઇન ફાઇલ બનાવો\n4. તમારી જીયુઆઈ બનાવવાનું પ્રારંભ કરો\n - આગલા વિભાગમાં ટિંકટર ડિઝાઇનર ઇનપુટ માટે આવશ્યક ફોર્મેટિંગ આવરી લે છે.\n - [નવા નિશાળીયા માટે ફિગ્મા ટ્યુટોરિયલ શ્રેણી અહીં છે.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [અહીં ફિગ્મા યુટ્યુબ ચેનલની officialફિશિયલ ચેનલ છે.](https://www.youtube.com/c/Figmadesign/featured)\n - [અહીં ફિગ્મા સહાય કેન્દ્ર છે.](https://help.figma.com/hc/en-us)\n\n

\n\n \n\n# તમારી ફિગ્મા ડિઝાઇનને ફોર્મેટ કરી રહ્યું છે\n\n## 1. સંદર્ભ\n\n
\n\n### નામકરણ મહત્વપૂર્ણ છે\n\n| ફિગ્મા Element નામ | Tkinter |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nTkinter ડિઝાઇનર દ્વારા જનરેટ થયેલ કોડ તમારી ફિગ્મા ડિઝાઇનના તત્વોના નામ પર આધારિત છે અને, જેમ કે, તમારે તે મુજબ તમારા તત્વોનું નામ લેવાની જરૂર છે. ફિગ્મામાં, તમારા તત્વોને સ્તર પેનલમાં ડબલ-ક્લિક કરીને નામ બદલો.\n\n___\n
\n\n \n\n## 2. એલિમેન્ટ માર્ગદર્શિકા\n\n
\n\n1. **પ્રથમ, એક ફ્રેમ બનાવો જે તમારી ટિંકટર વિંડો તરીકે કામ કરશે.**\n

\n\n2. **છબીઓ ઉમેરવી**\n - છબીઓ આકાર અને / અથવા છબીઓનો ઉપયોગ કરીને બનાવી શકાય છે\n - જો તમે બહુવિધ આકારો / છબીઓનો ઉપયોગ કરો છો, તો તમારે બધાને પસંદ કરીને અને CTRL / & # 8984 ને દબાવવાથી તેમને એક સાથે જૂથ બનાવવું જોઈએ; + G \n - તે નામ પછી તત્વ અથવા જૂથને \"છબી\" તરીકે નામ આપો.\n

\n\n*. **ટેક્સ્ટ (સામાન્ય ટેક્સ્ટ)**\n\n- ટેક્સ્ટ ટૂલને સક્રિય કરવા માટે T કીનો ઉપયોગ કરો, પછી ઇચ્છિત લખાણ ઉમેરો\n ટિંકટર ડિઝાઇનરના ઉપયોગ માટે ટેક્સ્ટનું નામ બદલવું જરૂરી નથી\n આગલી લાઇન પર જવા માટે સ્પષ્ટ રીતે Return અથવા Enter કી દબાવો.\n

\n\n- **એન્ટ્રી (સિંગલ લાઇન યુઝર ઇનપુટ)**\n - R સાથે લંબચોરસ ટૂલને સક્રિય કરો\n - તમારી પસંદગી પ્રમાણે લંબચોરસને સમાયોજિત કરો\n - ખાતરી કરો કે લંબચોરસનું નામ \"TextBox\" છે\n

\n\n- **ટેક્સ્ટ ક્ષેત્ર (મલ્ટિ-લાઇન યુઝર ઇનપુટ)**\n - R સાથે લંબચોરસ ટૂલને સક્રિય કરો\n - તમારી પસંદગી પ્રમાણે લંબચોરસને સમાયોજિત કરો\n - ખાતરી કરો કે લંબચોરસનું નામ \"TextArea\" છે\n\n6. **લંબચોરસ**\n R સાથે લંબચોરસ ટૂલને સક્રિય કરો\n - તમારી રુચિ પ્રમાણે લંબચોરસને સમાયોજિત કરો\n - ખાતરી કરો કે લંબચોરસનું નામ \"Rectangle\" રાખવામાં આવ્યું છે\n

\n\n7. **સામાન્ય બટન**\n - તમારા GUI માં બટન તરીકે સેવા આપવા માટે લંબચોરસ ઉમેરો\n - વૈકલ્પિક: બટન માટે ટેક્સ્ટ ઉમેરો\n - બટન (લંબચોરસ) અને કોઈપણ લખાણ, પસંદ કરો પછી તેને Ctrl/⌘ + G સાથે જૂથ બનાવો\n - જૂથનું નામ \"Button\"\n\n#### જો તમને કોઈ મુશ્કેલીનો સામનો કરવો પડે તો [આ વિડિઓ](https://youtu.be/Qd-jJjduWeQ) નો સંદર્ભ લો\n\n

\n\n8. **ગોળાકાર બટન**\n - તમારા GUI માં બટન તરીકે સેવા આપવા માટે લંબચોરસ ઉમેરો\n - વૈકલ્પિક: બટન માટે ટેક્સ્ટ ઉમેરો\n - લંબચોરસ પસંદ કરીને અને ખૂણે ત્રિજ્યાને જમણી બાજુથી ઉમેરીને તેને ગોળાકાર બનાવો. [તેના પર વધુ વાંચો](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - તમારા બટનના સમાન કદ સાથે એક લંબચોરસ બનાવો. તેને ગોળાકાર ન બનાવો.\n પૃષ્ઠભૂમિ સાથે મેળ કરવા માટે લંબચોરસનો રંગ બદલો\n - હવે નવા બનાવેલા લંબચોરસને મુખ્ય બટન (લંબચોરસ) ની નીચે ખસેડો.\n - બટન, લંબચોરસ અને કોઈપણ વૈકલ્પિક ટેક્સ્ટ પસંદ કરો, પછી તેમને Ctrl / ⌘ + G સાથે જૂથ બનાવો\n - જૂથનું નામ \"Button\"\n\n#### જો તમને કોઈ મુશ્કેલીનો સામનો કરવો પડે તો [આ વિડિઓ](https://youtu.be/Qd-jJjduWeQ) નો સંદર્ભ લો\n\n

\n\n### ટિંકિટર ડિઝાઇનરને નીચેના પગલાઓ કરતા પહેલા ખોલો\n\n
\n\n \n\n## 1. પર્સનલ એક્સેસ ટોકન\n\n1. તમારા ફિગ્મા એકાઉન્ટમાં લ .ગ ઇન કરો\n2. સેટિંગ્સ પર નેવિગેટ કરો\nThe. **એકાઉન્ટ** ટ tabબમાં, **વ્યક્તિગત પ્રવેશ ટોકન્સ** પર નીચે સ્ક્રોલ કરો\nThe. પ્રવેશ ફોર્મમાં તમારી toક્સેસ ટોકનનું નામ દાખલ કરો અને Enter દબાવો\n5. તમારી Personal Access Token બનાવવામાં આવશે.\n - આ ટોકન Copy કરો અને તેને ક્યાંક સુરક્ષિત રાખો.\n - **તમને આ ટોકન copy કરવાની બીજી તક નહીં મળે.**\n6. તમારી Private Access Token Tkinter ડિઝાઇનરમાં **Token Id** ફોર્મમાં પેસ્ટ કરો\n\n___\n
\n\n \n\n## 2. ફાઇલ URL\n\n1. તમારી ફિગ્મા ડિઝાઇન ફાઇલમાં, ટોચની પટ્ટીમાં **Share** બટનને ક્લિક કરો, પછી **🔗** પર ક્લિક કરો; link Copy કરો\n2. Tkinter ડિઝાઇનરમાં **File URL** ફોર્મમાં લિંક પેસ્ટ કરો\n\n___\n
\n\n## ની મદદથી CLI\n\nCLI નો ઉપયોગ એ પેકેજ ઇન્સ્ટોલ કરવા અને CLI ટૂલ ચલાવવા જેટલું સરળ છે.\n\nતમે પેદા ફિગ્મા પર્સનલ Accessક્સેસ ટોકન દ્વારા $ YOUR_FIGMA_TOKEN ને બદલીને તમે પરીક્ષણ તરીકે નીચેનો આદેશ વાપરી શકો છો.\n\n```bash\n# Example data\n$ python -m tkdesigner.cli https://www.figma.com/file/WVLnulVsI177tvnxSdqOUZ/Untitled?node-id=0%3A1 $YOUR_FIGMA_TOKEN -f\n\n# ક્લાઈટનો ઉપયોગ કેવી રીતે કરવો તે વિશે વધુ જાણવા માટે --help ફ્લેગ પસાર કરો\n\npython -m tkdesigner.cli --help\n\n```\n\nડિફ defaultલ્ટ રૂપે, GUI કોડ build / gui.py પર લખવામાં આવશે.\nજનરેટ કરેલી GUI, સીડી ચલાવવા માટે તમે તેને બનાવેલ ડિરેક્ટરીમાં (દા.ત. build / -) બનાવો અને તમે ચલાવો તે જ રીતે ચલાવો-ટિંકટર GUI.\n\n```bash\ncd build\n$ python3 gui.py\n```\n\n## GUI નો ઉપયોગ કરીને\n\n1. દ્વારા \"Tkinter Designer GUI\" ખોલો\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. તમારી *Personal Access Token* ટીકીટર ડિઝાઇનરમાં **Token ID** ફોર્મમાં પેસ્ટ કરો\n3. ટિંકિટર ડિઝાઇનરમાં **File URL** ફોર્મમાં લિંક પેસ્ટ કરો\n4. ફાઇલ બ્રાઉઝર ખોલવા માટે **Select Path** ફોર્મને ક્લિક કરો\n5. આઉટપુટ પાથ પસંદ કરો અને **ફોલ્ડર પસંદ કરો** ક્લિક કરો.\n6. દબાવો **Generate**\n\nટિંકટર ડિઝાઇનરની આઉટપુટ ફાઇલો તમારી પસંદ કરેલી ડિરેક્ટરીમાં **build** નામના નવા ફોલ્ડરમાં મૂકવામાં આવશે. અભિનંદન, તમે હવે Tkinter ડીઝાઈનરનો ઉપયોગ કરીને તમારું Tkinter GUI બનાવ્યું છે!\n\n

\n\n# મુશ્કેલીનિવારણ\n\n- તત્વો દૃશ્યમાન નથી? ખોટી રીતે?\n - કૃપા કરીને ખાતરી કરો કે તમારી ફિગ્મા ફાઇલમાં તે તત્વો યોગ્ય નામવાળી છે.\n\n- બટનની અકારણ ગ્રે પૃષ્ઠભૂમિ છે?\n - ખાતરી કરો કે તમે તમારા બટન તત્વની પાછળ એક લંબચોરસ ઉમેર્યો છે, અને તેનો ભરો રંગ પૃષ્ઠભૂમિ જેવો જ છે\n\n- ખોટા તત્વો?\n - ખાતરી કરો કે તમે ફિગ્મામાં તમારા તત્વોનું નામ યોગ્ય રાખ્યું છે\n - જુઓ [તમારી ફિગ્મા ડિઝાઇન ફોર્મેટિંગ, અને સંપ્રદાય; 1](#formatting-1)\n\n- વિંડો સ્ક્રીન કરતા મોટી છે?\n - ફિગ્મામાં તમારા તત્વોનું કદ ઘટાડવું\n\n- ફાઇલો ઉત્પન્ન થતી નથી?\n ટિંકટર ડિઝાઇનરને ફરીથી પ્રારંભ કરો\n - Token અને URL ને બે વાર તપાસો\n - ખાતરી કરો કે તમારી ડિઝાઇનમાં ફ્રેમ છે\n\n- કંઈક બીજું?\n - [અહીં GitHub પર સૂચિબદ્ધ નથી તેવા મુદ્દાઓની જાણ કરો](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.it-IT.md", "content": "# Come usare Tkinter Designer\r\n\r\n#### Traduzioni\r\n\r\n- [简体中文](/docs/instructions.zh-CN.md)\r\n- [Français](/docs/instructions.fr-FR.md)\r\n- [ગુજરાતી](docs/instructions.gu-GU.md)\r\n- [Italiano](instructions.it-IT.md)\r\n- [عربية](/docs/instructions.ar-DZ.md)\r\n- [Turkish](/docs/instructions.tr-TR.md)\r\n\r\n___\r\n\r\n## Indice dei contenuti\r\n\r\n1. [**Introduzione**](#getting-started-1)\r\n 1. [Installa Python](#getting-started-1)\r\n 2. [Installa Tkinter Designer](#getting-started-2)\r\n 3. [Crea un account Figma](#getting-started-3)\r\n\r\n2. [**Formattare il Design di Figma**](#formatting-1)\r\n 1. [Riferimento](#formatting-1)\r\n 2. [Guida sugli elementi](#formatting-2)\r\n\r\n3. [**Utilizza Tkinter Designer**](#Using-Tkinter-Designer)\r\n 1. [Personal Access Token](#using-1)\r\n 2. [Ottieni l'URL del file](#using-2)\r\n 3. [Utilizzare la CLI](#using-cli)\r\n 4. [Utilizzare la GUI](#using-gui)\r\n\r\n4. [**Risoluzione dei problemi**](#Troubleshooting)\r\n\r\n

\r\n\r\n# Introduzione [[Top](#indice-dei-contenuti)]\r\n\r\n\r\n\r\n## 1. Installa Python\r\n\r\nPrima di utilizzare Tkinter Designer, devi installare Python.\r\n- [Questo è un collegamento alla pagina di download di Python.](https://www.python.org/downloads) \r\n- [Questa è una guida utile su come installare Python su vari sistemi operativi.](https://wiki.python.org/moin/BeginnersGuide/Download)\r\n\r\n*In questa guida dovrai utilizzare il Package Installer for Python (pip), il quale potrebbe richiedere di essere aggiunto alla PATH di sistema.*\r\n___\r\n
\r\n\r\n\r\n\r\n## 2. Installa Tkinter Designer\r\n\r\n*Tre opzioni:*\r\n\r\n1. Utilizza il comando `pip install tkdesigner`;\r\n\r\n2. Tramite [poetry](https:python-poetry.org)\r\n - `poetry new && cd `\r\n - `poetry add tkdesigner`\r\n - `poetry install`\r\n\r\n Per eseguire i comandi sopra riportati è necessario aver installato [poetry](https:python-poetry.org).\r\n\r\n3. Per eseguire Tkinter Designer dal codice sorgente, segui le seguenti istruzioni.\r\n\r\n 1. Scarica manualmente i file dal codice sorgente di Tkinter Designer by downloading o utilizza GIT.\r\n\r\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\r\n\r\n 2. Spostati nella directory di Tkinter Designer.\r\n\r\n `cd Tkinter-Designer`\r\n\r\n 3. Installa le dipendenze necessarie tramite i seguenti comandi:\r\n\r\n - `pip install -r requirements.txt`\r\n - Se pip non dovesse funzionare, puoi provare ad utilizzare i seguenti comandi:\r\n - `pip3 install -r requirements.txt`\r\n - `python -m pip install -r requirements.txt`\r\n - `python3 -m pip install -r requirements.txt`\r\n - Se non dovesse comunque funzionare, assicurati di aver aggiunto Python alla PATH di sistema.\r\n\r\n Questo installerà Tkinter Designer e le sue dipendenze. Per poter utilizzare Tkinter Designer devi creare un file di Figma seguendo le istruzioni. \r\n\r\n Qualora avessi già creato il file puoi recarti nella sezione [**Utilizza Tkinter Designer**](#Using-Tkinter-Designer).\r\n___\r\n
\r\n\r\n\r\n\r\n## 3. Crea un account Figma\r\n\r\n1. In un web brwoser, vai su [figma.com](https://www.figma.com/) e clicca su 'Sign up';\r\n2. Inserisci le tue informazioni, e verifica il tuo indirizzo mail;\r\n3. Crea un nuovo File di Design Figma;\r\n4. Inizia a disegnare la tua interfaccia.\r\n - Di seguito delle fonti utili:\r\n - [Questa è la serie di tutorial ufficiale di Figma.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\r\n - [Questo è il canale YouTube ufficiale di Figma.](https://www.youtube.com/c/Figmadesign/featured)\r\n - [Questo è il centro di assistenza ufficiale di Figma.](https://help.figma.com/hc/en-us)\r\n\r\n

\r\n\r\n\r\n\r\n# Formatta il tuo Design Figma [[Top](#indice-dei-contenuti)]\r\n\r\n## 1. Riferimento\r\n\r\n
\r\n\r\n### La denominazione è importante\r\n\r\n| Nome elemento Figma | Elemento Tkinter |\r\n| --- | --- |\r\n| Button | Button |\r\n| Line | Line |\r\n| Text | Testo a scelta |\r\n| Rectangle | Rectangle |\r\n| TextArea | Text Area |\r\n| TextBox | Entry |\r\n| Image | Canvas.Image() |\r\n\r\n
\r\n\r\nIl codice generato da Tkinter Designer è basato sui nomi degli elementi del Design Figma e, visto ciò, devi nominare gli elementi correttamente. In Figma, rinomina i elementi facendovi doppio click nel pannello Layers.\r\n\r\n___\r\n
\r\n\r\n\r\n\r\n## 2. Guida sugli elementi\r\n\r\n
\r\n\r\n1. **Per prima cosa, crea un Frame che fungerà come finestra di Tkinter.**\r\n

\r\n\r\n2. **Aggiungi immagini**\r\n - Le immagini possono essere importate o create mediante forme\r\n - Se desideri utilizzare più forme/immagini, devi raggrupparle selezionandole e premendo i tasti CTRL/⌘ + G\r\n - Dopodiché nomina l'elemento o il gruppo \"Image\"\r\n

\r\n\r\n3. **Testo (Testo normale)**\r\n - Usa il tasto T per attivare lo strumento testo, quindi aggiungi il testo desiderato\r\n - Il testo non deve essere rinominato per essere utilizzato in Tkinter Designer\r\n - Premi il tasto Return o Enter per muoverti alla riga successiva\r\n

\r\n\r\n4. **Input (Inserimento a linea singola)**\r\n - Attiva lo strumento rettangolo utilizzando il tasto R\r\n - Ridimensiona l'elemento rettangolo a tuo piacimento\r\n - Assicurati di rinominare l'elemento rettangolo \"TextBox\"\r\n

\r\n\r\n5. **Area di testo (Inserimento a linea multipla)**\r\n - Attiva lo strumento rettangolo utilizzando il tasto R\r\n - Ridimensiona l'elemento rettangolo a tuo piacimento\r\n - Assicurati di rinominare l'elemento rettangolo \"TextArea\"\r\n\r\n6. **Rettangolo**\r\n - Attiva lo strumento rettangolo utilizzando il tasto R\r\n - Ridimensiona l'elemento rettangolo a tuo piacimento\r\n - Assicurati di rinominare l'elemento rettangolo \"Rectangle\"\r\n

\r\n\r\n7. **Pulsante normale**\r\n - Aggiungi un rettangolo per farlo funzionare come pulsante\r\n - Facoltativo: Aggiungi un testo al tuo pulsante\r\n - Seleziona il pulsante (Rettangolo), e l'eventuale testo, e raggruppali premendo i tasti CTRL/⌘ + G\r\n - Rinomina il gruppo \"Button\"\r\n\r\n#### Guarda [questo video](https://youtu.be/Qd-jJjduWeQ) se dovessi riscontrare problemi.\r\n\r\n

\r\n\r\n8. **Pulsante rotondo**\r\n - Aggiungi un rettangolo per farlo funzionare come pulsante\r\n - Facoltativo: Aggiungi un testo al tuo pulsante\r\n - Rendilo rotondo aggiungendo un raggio ai bordi. [Scopri di più qui.](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\r\n - Crea un elemento Rettangolo dalle stesse dimensioni del tuo pulsante. Non seguire il punto precedente (dunque non renderlo rotondo)\r\n - Cambia il colore dell'elemento Rettangolo in modo da farlo combaciare con lo sfondo\r\n - Ora posizionati sull'ultimo elemento Rettangolo creato (quello sottostante)\r\n - Seleziona il pulsante (Rettangolo), e l'eventuale testo, e raggruppali premendo i tasti CTRL/⌘ + G\r\n - Rinomina il gruppo \"Button\"\r\n\r\n#### Guarda [questo video](https://youtu.be/Qd-jJjduWeQ) se dovessi riscontrare problemi.\r\n\r\n

\r\n\r\n\r\n\r\n# Utilizza Tkinter Designer [[Top](#indice-dei-contenuti)]\r\n\r\n## Requisiti minimi\r\n\r\nCi sono alcuni requisiti minimi che devi soddisfare per poter utilizzare TKinter Designer.\r\n\r\n\r\n\r\n### 1. Personal Access Token\r\n\r\n1. Accedi a Figma\r\n2. Vai nelle impostazioni\r\n3. Nella scheda **Account**, scrolla fino a **Personal access tokens**\r\n4. Inserisci il nome del tuo access token nel campo e premi Enter\r\n5. Ora il tuo Personal Access Token è stato creato.\r\n - Copia questo token e tienilo al sicuro.\r\n - **Non esiste alcuna procedura per recuperare questo codice.**\r\n\r\n\r\n\r\n### 2. Ottieni l'URL del file\r\n\r\n1. Nel tuo file di Design Figma, clicca sul pulsante **Share** nella barra in alto, quindi clicca su **🔗 Copy link**\r\n\r\n\r\n\r\n## Utilizzare la CLI\r\n\r\nPer utilizzare la CLI è sufficiente installare il pacchetto ed avviarlo da riga di comando. Per installarlo segui una delle due prossime opzioni.\r\n\r\n### Tramite PyPi\r\n\r\nPuoi usare il seguente comando sostituendo $FILE_URL & $FIGMA_TOKEN con i tuoi dati. Se non dovessi avere questi dati, segui la sezione [**Requisiti Minimi**](#using-1).\r\n\r\n``` bash\r\npip install tkdesigner\r\ntkdesigner $FILE_URL $FIGMA_TOKEN\r\n```\r\n\r\n### Tramite sorgente\r\n\r\nPer usare CLI puoi decidere di clonare il codice sorgente dalla repository e seguire le istruzioni di seguito.\r\n\r\nPuoi usare il seguente comando sostituendo $FILE_URL & $FIGMA_TOKEN by your data. e non dovessi avere questi dati, segui la sezione [**Requisiti Minimi**](#using-1).\r\n\r\n```bash\r\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\r\n# To learn more about how to use the cli, pass the --help flag\r\n$ python -m tkdesigner --help\r\n```\r\n\r\n### Output\r\n\r\nDi base, il codice dell'interfaccia grafica wiene scritto nella directory ``build/gui.py``. Puoi specificare un'altra directory utilizzando il flag `-o` seguito dalla path.\r\n\r\nPer eseguire la GUI generata, spostarsi nella directory di output ed eseguire allo stesso modo in cui si esegue una GUI in Tkinter.\r\n\r\n```bash\r\ncd build\r\npython3 gui.py\r\n```\r\n\r\n\r\n\r\n## Utilizzare la GUI\r\n\r\n### Apri Tkinter Designer prima di eseguire i seguenti passaggi\r\n\r\n
\r\n\r\n1. Apri TKinter Designer GUI eseguendo i seguenti comandi:\r\n\r\n```\r\ncd Tkinter-Designer\r\ncd gui\r\npython3 gui.py\r\n```\r\n\r\n2. Incolla il tuo *personal access token* nel form **Token ID** di Tkinter Designer\r\n3. Incolla il tuo **File URL** nel form di Tkinter Designer\r\n4. Clicca su **Output Path** per aprire il file browser\r\n5. Scegli la cartella di destinazione e clicca su **Select Folder**\r\n6. Clicca infine su **Generate**\r\n\r\nI file di output di Tkinter Designer verranno salvati nella directory da te inserita, dentro una nuova cartella chiamata **build**. Congratulazioni, hai creato la tua GUI Tkinter grazie a Tkinter Designer!\r\n\r\n

\r\n\r\n\r\n\r\n# Risoluzione dei problemi [[Top](#indice-dei-contenuti)]\r\n\r\n- Elementi non visibili? Fuori posto?\r\n - Assicurati di aver rinominato correttamente gli elementi nel tuo file di Figma.\r\n Leggi [Formatta il tuo Design Figma](#formatting-1).\r\n\r\n- Il pulsante ha un indisiderato sfondo grigio?\r\n - Assicurati di aver aggiunto un Rettangolo dietro al tuo elemento pulsante, e che il suo colore sia identico a quello di sfondo.\r\n\r\n- Elementi errati?\r\n - Assicurati di aver rinominato correttamente gli elementi nel tuo file di Figma.\r\n Leggi [Formatta il tuo Design Figma](#formatting-1).\r\n\r\n- La finestra è più grande dello schermo?\r\n - Riduci la dimensione degli elementi Figma.\r\n\r\n- Non si generano i file?\r\n - Riavvia Tkinter Designer\r\n - Controlla il tuo personal access token e l'URL del file\r\n - Assicurati di aver predisposto un frame al tuo file di Figma\r\n\r\n- Qualcos'altro?\r\n - [Segnala i problemi non listati nella sezione Issues della repository](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)" }, { "path": "docs/instructions.kr-KR.md", "content": "# Tkinter Designer 사용법\n\n___\n\n## 목차\n\n1. [**시작하기**](#getting-started-1)\n 1. [Python 설치하기](#getting-started-1)\n 2. [Tkinter Designer 설치하기](#getting-started-2)\n 3. [Figma 계정 생성하기](#getting-started-3)\n\n2. [**Figma 가이드**](#formatting-1)\n 1. [레퍼런스](#formatting-1)\n 2. [속성 가이드](#formatting-2)\n\n3. [**Tkinter Designer 사용하기**](#Using-Tkinter-Designer)\n 1. [Access Token](#using-1)\n 2. [File URL 가져오기](#using-2)\n 3. [CLI 사용하기](#using-cli)\n 4. [GUI 사용하기](#using-gui)\n\n4. [**문제해결**](#Troubleshooting)\n\n

\n\n# 시작하기 [[Top](#)]\n\n\n\n## 1. Python 설치하기\n\nTkinter Designer를 사용하기 전에 Python을 설치해야 합니다.\n- [여기에서 Python을 설치할 수 있습니다.](https://www.python.org/downloads)\n- [다음은 다양한 운영 체제에 Python을 설치하는 데 유용한 가이드입니다.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*이 가이드의 뒷부분에서 Python용 Package Installer(pip)를 사용할 것이며, 이 경우 시스템 환경변수에 Python을 추가해야 할 수도 있습니다.*\n\n___\n
\n\n\n\n## 2. Tkinter Designer 설치하기\n\n*세 가지 옵션:*\n\n1. `pip install tkdesigner`\n\n2. [poetry](https:python-poetry.org) 설치\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. 소스 코드에서 Tkinter Designer를 실행하려면 아래 지침을 따르십시오.\n\n 1. Tkinter Designer의 원본 파일을 수동으로 다운로드하거나 GIT를 사용하여 다운로드합니다.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. 작업 디렉토리를 Tkinter Designer로 변경합니다.\n\n `cd Tkinter-Designer`\n\n 3. 다음을 실행하여 필요한 종속성을 설치합니다.\n\n - `pip install -r requirements.txt`\n - pip이 작동하지 않는 경우 다음 명령도 사용해 보십시오:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - 그래도 작동하지 않으면 환경변수에 Python이 추가되었는지 확인합니다.\n\n 그러면 모든 요구 사항과 Tkinter Designer가 설치됩니다. Tkinter Designer를 사용하기 전에 아래 지침을 사용하여 Figma 파일을 만들어야 합니다.\n\n 파일을 이미 만든 경우 [**Tkinter Designer 사용하기**](#Using-Tkinter-Designer) 섹션으로 건너뜁니다.\n\n___\n
\n\n\n\n## 3. Figma 계정 생성하기\n\n1. 웹 브라우저에서 [figma.com ](https://www.figma.com/)로 이동하여 '가입'을 클릭합니다.\n2. 정보를 입력한 다음 이메일 인증을 합니다.\n3. 새로운 Figma 파일을 만듭니다.\n4. GUI 제작 시작\n - 다음 섹션에서는 Tkinter Designer 입력에 필요한 형식에 대해 설명합니다.\n - [초보자를 위한 공식 피그마 튜토리얼 시리즈입니다.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [피그마 공식 유튜브 채널입니다.](https://www.youtube.com/c/Figmadesign/featured)\n - [여기가 피그마 도움말입니다.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Figma 가이드 [[Top](#목차)]\n\n## 1. 레퍼런스\n\n
\n\n### Naming이 중요합니다\n\n| Figma Element Name | Tkinter Element |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Text | Name it anything |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nTkinter Designer에서 생성된 코드는 Figma 설계의 요소 이름을 기반으로 하므로 요소 이름을 적절하게 지정해야 합니다. Figma의 레이어 패널에서 요소를 두 번 클릭하여 이름을 바꿉니다.\n\n___\n
\n\n\n\n## 2. 속성 가이드\n\n
\n\n1. **먼저 Tkinter 창 역할을 할 프레임을 만듭니다.**\n

\n\n2. **Image**\n - 도형 및/또는 이미지를 사용하여 이미지를 생성할 수 있습니다.\n - 여러 도형/이미지를 사용하는 경우 '모두 선택'을 눌러 그룹화해야 합니다 CTRL/⌘ + G\n - 그런 다음 요소 또는 그룹의 이름을 \"이미지\"로 지정합니다.\n

\n\n3. **Text (일반 텍스트)**\n - T 키를 눌러 텍스트 도구를 활성화한 다음 원하는 대로 텍스트 추가합니다.\n - Tkinter Designer에서 사용하기 위해 텍스트 이름을 변경할 필요가 없습니다.\n - 명시적으로 Return 또는 Enter 키를 눌러 다음 줄로 이동합니다.\n

\n\n4. **Entry (사용자의 한 줄 입력)**\n - R을 사용하여 Rectangle 도구 활성화\n - 원하는 대로 Rectangle 조정\n - Rectangle의 이름이 \"TextBox\"인지 확인합니다\n

\n\n5. **Text Area (사용자의 여러줄 입력)**\n - R을 사용하여 Rectangle 도구 활성화\n - 원하는 대로 Rectangle 조정\n - Rectangle의 이름이 \"TextArea\"인지 확인합니다\n\n6. **Rectangle**\n - R을 사용하여 Rectangle 도구 활성화\n - 원하는 대로 Rectangle 조정\n - Rectangle의 이름이 \"Rectangle\"인지 확인합니다\n

\n\n7. **Normal Button**\n - GUI에서 button으로 사용할 rectangle 추가\n - 선택 사항: button에 대한 text 추가\n - button(Rectangle)과 옵션으로 text를 선택한 다음 CTRL/⌘ + G로 그룹화합니다\n - 그룹 이름을 \"Button\"으로 지정합니다\n

\n\n8. **둥근 Button**\n - GUI에서 button으로 사용할 rectangle 추가\n - 선택 사항: button에 text 추가\n - rectangle을 선택하고 오른쪽에서 모서리 반지름을 추가하여 모서리 반지름을 반올림합니다. [자세히 읽어보기](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - button과 크기가 같은 Rectangle을 만듭니다. 동그랗게 만들지 마세요.\n - 배경과 일치하도록 Rectangle 색상 변경\n - 이제 새로 만든 Rectangle을 기본 button(Rectangle) 아래로 이동합니다.\n - button, Rectangle및 optional text를 선택한 다음 CTRL/⌘ + G로 그룹화합니다\n - 그룹 이름을 \"Button\"으로 지정합니다\n\n#### 문제가 발생하면 [유튜브](https://youtu.be/Qd-jJjduWeQ) 를 참조하십시오\n\n

\n\n\n\n# Tkinter Designer 사용하기 [[Top](#목차)]\n\n## 필수 입력 정보\n\nTKinter Designer를 사용하려면 몇 가지 입력 정보를 수집해야 합니다.\n\n\n\n### 1. 개인 액세스 토큰\n\n1. Figma 계정에 로그인합니다\n2. 설정으로 이동\n3. **Account** 탭에서 **Personal access tokens**으로 스크롤합니다\n4. 입력 양식에 액세스 토큰 이름을 입력하고 Enter 키를 누릅니다\n5. 개인 액세스 토큰이 생성됩니다.\n - 이 토큰을 복사하여 안전한 곳에 보관하십시오.\n - **이 토큰을 다시 복사할 수 없습니다.**\n\n\n\n### 2. File URL 얻기\n\n1. Figma 디자인 파일에서 상단 바의 **Share** 버튼을 클릭한 다음 **🔗 Copy link**를 클릭합니다.\n \n\n## CLI로 실행하기\n\nCLI를 사용하는 것은 패키지를 설치하고 CLI 도구를 실행하는 것만큼 간단합니다.\n\n### PyPi로 실행하기\n\n$FILE_URL & $FIGMA_TOKEN을 데이터로 대체하여 아래 명령을 테스트로 사용할 수 있습니다. 토큰과 링크가 없으면 [**필수 입력 정보 Section**](#Using-Tkinter-Designer)을 참조하십시오.\n\n``` bash\npip install tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### 소스로 실행하기\n\n소스 코드에서 CLI를 사용하려면 리포지토리를 복제한 다음 아래 지침을 따라야 합니다.\n\n$FILE_URL & $FIGMA_TOKEN을 데이터로 대체하여 아래 명령을 테스트로 사용할 수 있습니다. 토큰과 링크가 없으면 [**필수 입력 정보 Section**](#Using-Tkinter-Designer)을 참조하십시오.\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# To learn more about how to use the cli, pass the --help flag\n$ python -m tkdesigner --help\n```\n\n### 결과물\n\n기본적으로 GUI 코드는 build/gui.py 에 기록됩니다. '-o' 플래그를 사용하고 경로를 제공하여 출력 경로를 지정할 수 있습니다.\n\n생성된 GUI를 실행하려면 빌드한 디렉토리(예: build/)에 들어가 Tkinter GUI와 마찬가지로 실행합니다.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## GUI로 실행하기\n\n### 다음 단계를 수행하기 전에 Tkinter Designer 실행시키기\n\n
\n\n1. 다음 명령어를 통해 TKinter Designer GUI를 실행합니다.\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. Tkinter Designer의 **Token ID**에 *personal access token*를 추가합니다.\n3. Tkinter Designer의 **File URL**에 Figma링크를 추가합니다.\n4. **Output Path** 를 통해 저장될 위치를 누릅니다.\n5. 생성 경로를 선택하고 다음을 누릅니다. **Select Folder**\n6. **Generate**를 누릅니다.\n\nTkinter Designer의 출력 파일은 선택한 디렉토리의 **build**라는 새 폴더 안에 배치됩니다. 축하합니다. 이제 Tkinter Designer를 사용하여 Tkinter GUI를 만들었습니다!\n\n

\n\n\n\n# 문제해결 [[Top](#목차)]\n\n- 요소가 보이지 않습니까?\n - Figma 파일의 요소 이름이 올바른지 확인하십시오 * See [Figma 가이드, §1](#formatting-1)\n\n- 버튼에 의도하지 않은 회색 배경이 있습니까?\n - 버튼 요소 뒤에 직사각형을 추가했는지 확인하고 채우기 색이 배경의 색과 동일한지 확인합니다.\n\n- 잘못된 요소?\n - Figma에서 요소의 이름을 올바르게 지정했는지 확인합니다.\n - See [Figma 가이드, §1](#formatting-1)\n\n- 창이 화면보다 큽니까?\n - Figma에서 요소의 크기를 줄이세요.\n\n- 파일이 생성되지 않습니까?\n - Tkinter Designer 다시 시작합니다.\n - 토큰과 URL을 더블체크합니다.\n - 디자인에 프레임이 있는지 확인합니다.\n\n- 다른 문제가 있습니까?\n - [Report issues not listed here on GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.md", "content": "# How to use Tkinter Designer\n\n#### Translations\n\n- [简体中文](/docs/instructions.zh-CN.md)\n- [Français](/docs/instructions.fr-FR.md)\n- [ગુજરાતી](/docs/instructions.gu-GU.md)\n- [Italiano](/docs/instructions.it-IT.md)\n- [عربية](/docs/instructions.ar-DZ.md/)\n- [Turkish](/docs/instructions.tr-TR.md)\n- [Brazil](/docs/instructions.pt-BR.md)\n- [Spanish](/docs/instructions.spa-SPA.md)\n- [Korean](/docs/instructions.kr-KR.md)\n- [Tiếng Việt](/docs/instructions.vi-VN.md)\n- [Русский](/docs/instructions.ru-RU.md)\n\n___\n\n## Table of Contents\n\n1. [**Getting Started**](#getting-started-1)\n 1. [Install Python](#getting-started-1)\n 2. [Install Tkinter Designer](#getting-started-2)\n 3. [Make a Figma Account](#getting-started-3)\n\n2. [**Formatting Your Figma Design**](#formatting-1)\n 1. [Reference](#formatting-1)\n 2. [Element Guide](#formatting-2)\n\n3. [**Using Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Personal Access Token](#using-1)\n 2. [Getting your File URL](#using-2)\n 3. [Using The CLI](#using-cli)\n 4. [Using The GUI](#using-gui)\n\n4. [**Troubleshooting**](#Troubleshooting)\n\n

\n\n# Getting Started [[Top](#table-of-contents)]\n\n\n\n## 1. Install Python\n\nBefore using Tkinter Designer, you'll need to install Python. \n- [Here is a link to the Python downloads page.](https://www.python.org/downloads) \n- [Here is a helpful guide to installing Python on various operating systems.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Later in this guide, you will use the Package Installer for Python (pip), which may require you to add Python to your system PATH.*\n\n___\n
\n\n\n\n## 2. Install Tkinter Designer\n\n*Three options:*\n\n1. `pip install tkdesigner`\n\n2. Install [poetry](https:python-poetry.org)\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. To run Tkinter Designer from the source code, follow the instructions below.\n\n 1. Download the source files for Tkinter Designer by downloading it manually or using GIT.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. Change your working directory to Tkinter Designer.\n\n `cd Tkinter-Designer`\n\n 3. Install the necessary dependencies by running\n\n - `pip install -r requirements.txt`\n - In the event that pip doesn't work, also try the following commands:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - If this still doesn't work, ensure that Python is added to the PATH.\n\n This will install all requirements and Tkinter Designer. Before you use Tkinter Designer you need to create a Figma File with the below instructions.\n\n If you already have created a file then skip to [**Using Tkinter Designer**](#Using-Tkinter-Designer) Section.\n\n___\n
\n\n\n\n## 3. Make a Figma Account\n\n1. In a web browser, navigate to [figma.com](https://www.figma.com/) and click 'Sign up'\n2. Enter your information, then verify your email\n3. Create a new Figma Design file\n4. Get started making your GUI\n - The next section covers required formatting for Tkinter Designer input.\n - [Here is the official Figma tutorial series for beginners.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Here is the official Figma YouTube channel.](https://www.youtube.com/c/Figmadesign/featured)\n - [Here is the Figma Help Center.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Formatting Your Figma Design [[Top](#table-of-contents)]\n\n## 1. Reference\n\n
\n\n### Naming is Important\n\n| Figma Element Name | Tkinter Element |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Text | Name it anything |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n| ButtonHover (EXPERIMENTAL) | Button shown on hover |\n\n
\n\nThe code generated by Tkinter Designer is based on the names of elements from your Figma design and, as such, you need to name your elements accordingly. In Figma, rename your elements by double-clicking them in the Layers panel.\n\n___\n
\n\n\n\n## 2. Element Guide\n\n
\n\n1. **First, create a Frame that will serve as your Tkinter Window.**\n

\n\n2. **Adding Images**\n - Images can be created using shapes and/or images\n - If you use multiple shapes/images, you must group them together by selecting them all and pressing CTRL/⌘ + G\n - After that name the element or group as \"Image\".\n

\n\n3. **Text (Normal Text)**\n - Use the T key to activate the text tool, then add text as desired\n - Text does not have to be renamed for use in Tkinter Designer\n - Explicitly press the Return Or Enter Key to move to the next line.\n

\n\n4. **Entry (Single-Line User Input)**\n - Activate the Rectangle tool with R\n - Adjust the Rectangle to your liking\n - Make sure the Rectangle is named \"TextBox\"\n

\n\n5. **Text Area (Multi-Line User Input)**\n - Activate the Rectangle tool with R\n - Adjust the Rectangle to your liking\n - Make sure the Rectangle is named \"TextArea\"\n\n6. **Rectangle**\n - Activate the Rectangle tool with R\n - Adjust the Rectangle to your liking\n - Make sure the Rectangle is named \"Rectangle\"\n

\n\n7. **Normal Button**\n - Add rectangle to serve as a button in your GUI\n - Optional: Add text for the button\n - Select the button(Rectangle), and any optional text, then group them with CTRL/⌘ + G\n - Name the group \"Button\"\n\n#### Refer to [this video](https://youtu.be/Qd-jJjduWeQ) if you face any problem\n\n

\n\n8. **Rounded Button**\n - Add rectangle to serve as a button in your GUI\n - Optional: Add text for the button\n - Make it rounded by adding corner radius by selecting the rectangle and adding corner radius from the right side. [Read more on it](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Create a Rectangle with same size of your button. Don't make it rounded.\n - Change the Rectangle's color to match the Background\n - Now move the newly created rectangle below the main button(Rectangle).\n - Select the button, Rectangle, and any optional text, then group them with CTRL/⌘ + G\n - Name the group \"Button\"\n\n#### Refer to [this video](https://youtu.be/Qd-jJjduWeQ) if you face any problem\n\n

\n\n9. **Button with Hover Effect (EXPERIMENTAL)**\n - Duplicate the Button you created in the previous step\n - You can duplicate the Button by selecting the button group and pressing CTRL/⌘ + D\n - Rename the duplicate button to \"ButtonHover\"\n - Place the duplicate button above the original button\n - Make sure it's on the same position as the original button\n - x and y coordinates should be the same\n - Make changes to the duplicate button for the hover effect\n - For example, change the color\n\n#### Refer to [this video](https://watch.screencastify.com/v/saDGrNayjwSmxbFbShB1) if you face any problem\n\n

\n\n\n# Using Tkinter Designer [[Top](#table-of-contents)]\n\n## Required Inputs\n\nThere are some inputs you'll need to collect to be able to use the TKinter Designer.\n\n\n\n### 1. Personal Access Token\n\n1. Log into your Figma account\n2. Navigate to Settings\n3. In the **Account** tab, scroll down to **Personal access tokens**\n4. Enter the name of your access token in the entry form and press Enter\n5. Your personal access token will be created.\n - Copy this token and keep it somewhere safe.\n - **You will not get another chance to copy this token.**\n\n\n\n### 2. Getting your File URL\n\n1. In your Figma design file, click the **Share** button in the top bar, then click on **🔗 Copy link**\n\n\n\n## Using the CLI\n\nUsing the CLI is as simple as installing the package and running the CLI tool.\n\n### From PyPi\n\nYou can use the below command as test by replacing $FILE_URL & $FIGMA_TOKEN by your data. If you haven't got the token and link then refer to [**Required Inputs Section**](#using-1).\n\n``` bash\npip install tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### From Source\n\nTo use CLI from the source code you need to clone the repository and then follow the below instructions.\n\nYou can use the below command as test by replacing $FILE_URL & $FIGMA_TOKEN by your data. If you haven't got the token and link then refer to [**Required Inputs Section**](#using-1).\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# To learn more about how to use the cli, pass the --help flag\n$ python -m tkdesigner --help\n```\n\n### Output\n\nBy default, the GUI code will be written to build/gui.py. You can specify the output path by using `-o` Flag and providing the path.\n\nTo run the generated GUI, cd into the directory you built it to (e.g. build/) and run it just as you would any Tkinter GUI.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## Using the GUI\n\n### Open Tkinter Designer before doing the following steps\n\n
\n\n1. Open TKinter Designer GUI by\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. Paste your *personal access token* into the **Token ID** form in Tkinter Designer\n3. Paste the link into the **File URL** form in Tkinter Designer\n4. Click the **Output Path** form to open a file browser\n5. Choose an output path and click **Select Folder**\n6. Press **Generate**\n\nThe output files from Tkinter Designer will be placed in your chosen directory, inside a new folder called **build**. Congratulations, you have now created your Tkinter GUI using Tkinter Designer!\n\n

\n\n\n\n# Troubleshooting [[Top](#table-of-contents)]\n\n- Elements not visible? Misplaced?\n - Please make sure that your Figma File has its elements named correctly. * See [Formatting Your Figma Design, §1](#formatting-1)\n\n- Button has an unintended gray background?\n - Make sure you have added a Rectangle behind your button element, and that its Fill color is the same as the Background's\n\n- Incorrect elements?\n - Make sure you have named your elements correctly in Figma\n - See [Formatting Your Figma Design, §1](#formatting-1)\n\n- Window is larger than the screen?\n - Reduce the size of your elements in Figma\n\n- Files not generating?\n - Restart Tkinter Designer\n - Double-check the token and URL\n - Make sure your design has a Frame\n\n- Something else?\n - [Report issues not listed here on GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.pt-BR.md", "content": "# Como usar o Tkinter Designer\n___\n\n## Índice\n\n1. [**Comece por aqui**](#getting-started-1)\n 1. [Instalação do Python](#getting-started-1)\n 2. [Instalação do Tkinter Designer](#getting-started-2)\n 3. [Faça uma conta no Figma](#getting-started-3)\n\n2. [**Formatando seu design Figma**](#formatting-1)\n 1. [Referência](#formatting-1)\n 2. [Guia de elementos](#formatting-2)\n\n3. [**Usando o Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Token de acesso pessoal](#using-1)\n 2. [Obtendo o URL do seu arquivo](#using-2)\n 3. [Usando a CLI](#using-cli)\n 4. [Usando a GUI](#using-gui)\n\n4. [**Solução de problemas**](#Troubleshooting)\n\n

\n\n# Começando [[Top](#table-of-contents)]\n\n\n\n## 1. Instalando Python\n\nAntes de usar o Tkinter Designer, você precisará instalar o Python. \n- [Aqui está um link para a página de downloads do Python.](https://www.python.org/downloads) \n- [Aqui está um guia útil para instalar o Python em vários sistemas operacionais.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Mais adiante neste guia, você usará o Package Installer for Python (pip), que pode exigir que você adicione o Python ao PATH do seu sistema.*\n\n___\n
\n\n\n\n## 2. Instalando Tkinter Designer\n\n*Três opções:*\n\n1. `pip install tkdesigner`\n\n2. Instale [poetry](https:python-poetry.org)\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. Para executar o Tkinter Designer a partir do código-fonte, siga as instruções abaixo.\n\n 1. Baixe os arquivos de origem do Tkinter Designer, você pode baixar manualmente ou usar o GIT.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. Altere seu diretório de trabalho para Tkinter Designer.\n\n `cd tkinter-designer`\n\n 3. Instale as dependências necessárias executando\n\n - `pip install -r requirements.txt`\n - No evento do pip não funcionar, tente também os seguintes comandos:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - Se ainda assim não funcionar, se certifique de que o Python está adicionado ao PATH.\n\n Isso instalará todos os requisitos e o Tkinter Designer. Antes de usar o Tkinter Designer, você precisa criar um arquivo Figma com as instruções abaixo.\n\n Se você já criou um arquivo, pule para [**Usando o Tkinter Designer**](#Using-Tkinter-Designer).\n\n___\n
\n\n\n\n## 3. Faça uma conta no Figma\n\n1. Em um navegador da Web, navegue até [figma.com](https://www.figma.com/) e clique em 'Sign up'\n2. Insira suas informações e, em seguida, verifique seu e-mail\n3. Crie um novo arquivo Figma Design\n4. Comece a fazer sua GUI\n - A próxima seção abrange a formatação necessária para a entrada do Tkinter Designer.\n - [Aqui está a série oficial de tutoriais do Figma para iniciantes.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Aqui está o canal oficial da Figma no YouTube.](https://www.youtube.com/c/Figmadesign/featured)\n - [Aqui está o Centro de Ajuda Figma.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Formatando seu design Figma [[Top](#table-of-contents)]\n\n## 1. Referência\n\n
\n\n### Nomear é importante\n\n| Nome do Elemento no Figma | Elemento no Tkinter |\n| --- | --- |\n| Button | Button |\n| Text | Qualquer nome |\n| Rectangle | Rectangle |\n| Line | Line |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nO código gerado pelo Tkinter Designer é baseado nos nomes dos elementos do seu design Figma e, como tal, você precisa nomear seus elementos de acordo. No Figma, renomeie seus elementos clicando duas vezes neles no painel Camadas.\n\n___\n
\n\n\n\n## 2. Guia de elementos\n\n
\n\n1. **Primeiro, crie um Frame que servirá como sua janela Tkinter.**\n

\n\n2. **Adicionando imagens**\n - As imagens podem ser criadas usando formatos e/ou imagens\n - Se você usar vários formatos/imagens, você selecionar todos e pressionar CTRL/⌘ + G\n - Depois disso nomeie o elemento ou grupo como \"Image\".\n

\n\n3. **Texto (Texto normal)**\n - Use o atalho T para ativar a ferramenta de texto e, em seguida, adicione o texto conforme desejado\n - O texto não precisa ser renomeado para uso no Tkinter Designer\n - Para pular linhas pressione Return ou Enter\n

\n\n4. **Entrada de texto (Uma linha para entrada do usuario)**\n - Pressione R para habilitar a ferramenta Retângulo\n - Ajuste o retângulo ao seu gosto\n - Renomeio o retângulo para \"TextBox\"\n

\n\n5. **Entrada de texto (Entrada de usuário de várias linhas)**\n - Pressione R para habilitar a ferramenta Retângulo\n - Ajuste o retângulo ao seu gosto\n - Renomeio o retângulo para \"TextArea\"\n\n6. **Retângulo**\n - Pressione R para habilitar a ferramenta Retângulo\n - Ajuste o retângulo ao seu gosto\n - Renomeio o retângulo para \"Rectangle\"\n

\n\n7. **Botão normal**\n - Adicione um retângulo para servir como um botão em sua GUI\n - Opcional: adicione texto para o botão\n - Selecione o botão (Retângulo) e qualquer texto opcional e agrupe-os com CTRL/⌘ + G\n - Nomeie o grupo \"Button\"\n\n#### Consulte [este vídeo](https://youtu.be/Qd-jJjduWeQ) se tiver algum problema\n\n

\n\n8. **Botão arredondado**\n - Adicione um retângulo para servir como um botão em sua GUI\n - Opcional: adicione texto para o botão\n - Para fazer o arredondamento no botão modifique o raio (´Corner radius´) [Leia mais sobre isso](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Crie um retângulo com o mesmo tamanho do seu botão. Não o torne arredondado.\n - Altere a cor do retângulo para corresponder ao plano de fundo\n - Agora mova o retângulo recém-criado abaixo do botão principal (Retângulo).\n - Selecione o botão, Retângulo e qualquer texto opcional e, em seguida, agrupe-os com CTRL/⌘ + G\n - Nomeie o grupo \"Button\"\n\n#### Consulte [este vídeo](https://youtu.be/Qd-jJjduWeQ) se tiver algum problema\n\n

\n\n\n\n# Usando o Tkinter Designer [[Top](#table-of-contents)]\n\n## Entradas Necessárias\n\nExistem algumas entradas que você precisará coletar para poder usar o TKinter Designer.\n\n\n\n### 1. Token de acesso pessoal\n\n1. Faça login na sua conta Figma\n2. Navegue até Configurações\n3. Na guia **Account** role para baixo até **Personal access tokens**\n4. Digite o nome do seu token de acesso no formulário de entrada e pressione Enter\n5. Seu token de acesso pessoal será criado.\n - Copie este token e mantenha-o em algum lugar seguro.\n - **Você não terá outra chance de copiar este token.**\n\n\n\n### 2. Obtendo o URL do seu arquivo\n\n1. Em seu arquivo de design Figma, clique no **Share** botão na barra superior, em seguida, clique em **🔗 Copy link**\n\n\n\n## Usando a CLI\n\nUsar a CLI é tão simples quanto instalar o pacote e executar a ferramenta CLI.\n\n### De PyPi\n\nVocê pode usar o comando abaixo como teste substituindo $FILE_URL & $FIGMA_TOKEN Se você não tiver o token e o link, consulte a [**Seção de Entradas Requeridas**](#using-1).\n\n``` bash\npip install tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### Da fonte\n\nPara usar a CLI a partir do código-fonte, você precisa clonar o repositório e seguir as instruções abaixo.\n\nVocê pode usar o comando abaixo como teste substituindo $FILE_URL & $FIGMA_TOKEN por seus dados. Se você não tiver o token e o link, consulte a [**Seção de Entradas Requeridas**](#using-1).\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# To learn more about how to use the cli, pass the --help flag\n$ python -m tkdesigner --help\n```\n\n### Saída\n\nPor padrão, o código GUI será escrito em build/gui.py. Você pode especificar o caminho de saída usando o sinalizador `-o` e fornecendo o caminho.\n\nPara executar a GUI gerada, cd no diretório em que você a construiu (por exemplo, build/) e execute-a como faria com qualquer GUI do Tkinter.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## Usando a GUI\n\n### Abra o Tkinter Designer antes de executar as etapas a seguir\n\n
\n\n1. Abra a GUI do TKinter Designer por\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. Cole seu *token de acesso pessoal* no formulário **Token ID** no Tkinter Designer\n3. Cole o link no formulário **URL do arquivo** no Tkinter Designer\n4. Clique no formulário **Output Path** para abrir um navegador de arquivos\n5. Escolha um caminho de saída e clique em **Select Folder**\n6. Pressione **Generate**\n\nOs arquivos de saída do Tkinter Designer serão colocados no diretório escolhido, dentro de uma nova pasta chamada **build**. Parabéns, você agora criou sua GUI do Tkinter usando o Tkinter Designer!\n\n

\n\n\n\n# Solução de problemas [[Top](#table-of-contents)]\n\n- Elementos não visíveis? Extraviado?\n - Certifique-se de que seu arquivo Figma tenha seus elementos nomeados corretamente. * Consulte [Formatando o design do Figma, §1](#formatting-1)\n\n- O botão tem um fundo cinza não intencional?\n - Certifique-se de ter adicionado um retângulo atrás do elemento do botão e que sua cor de preenchimento seja a mesma do plano de fundo\n\n- Elementos incorretos?\n - Certifique-se de ter nomeado seus elementos corretamente no Figma\n - Consulte [Formatando o design do Figma, §1](#formatting-1)\n\n- A janela é maior que a tela?\n - Reduza o tamanho de seus elementos no Figma\n\n- Arquivos não estão gerando?\n - Reinicie o Tkinter Designer\n - Verifique novamente o token e o URL\n - Certifique-se de que seu design tenha um quadro\n\n- Algo mais?\n - [Relatar problemas não listados aqui no GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.ru-RU.md", "content": "___\n\n## Оглавление\n\n1. [**Начало работы**](#getting-started-1)\n 1. [Установить Python](#getting-started-1)\n 2. [Установить Tkinter Designer](#getting-started-2)\n 3. [Создать учетную запись Figma](#getting-started-3)\n\n2. [**Форматирование дизайна Figma**](#formatting-1)\n 1. [Референс](#formatting-1)\n 2. [Руководство по элементам](#formatting-2)\n\n3. [**Использование Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Токен личного доступа](#using-1)\n 2. [Получение URL-адреса вашего файла](#using-2)\n 3. [Использование CLI](#using-cli)\n 4. [Использование графического интерфейса](#using-gui)\n\n4. [**Устранение неполадок**](#Troubleshooting)\n\n

\n\n# Начало работы [[Наверх](#Оглавление)]\n\n\n\n## 1. Установите Python\n\nПеред использованием Tkinter Designer вам необходимо установить Python.\n- [Вот ссылка на страницу загрузки Python.](https://www.python.org/downloads)\n- [Вот полезное руководство по установке Python в различных операционных системах.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Далее в этом руководстве вы будете использовать установщик пакетов для Python (pip), который может потребовать от вас добавить Python в PATH вашей системы.*\n\n___\n
\n\n\n\n## 2. Установите Tkinter Designer\n\n*Три варианта:*\n\n1. `pip install tkdesigner`\n\n2. Установите [poetry](https:python-poetry.org)\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. Чтобы запустить Tkinter Designer из исходного кода, следуйте инструкциям ниже.\n\n 1. Загрузите исходные файлы для Tkinter Designer, загрузив их вручную или с помощью GIT.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. Измените рабочий каталог на Tkinter Designer.\n\n `cd Tkinter-Designer`\n\n 3. Установите необходимые зависимости, запустив\n\n - `pip install -r requirements.txt`\n - В случае, если pip не работает, попробуйте также следующие команды:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - Если это по-прежнему не работает, убедитесь, что Python добавлен в PATH.\n\n При этом будут установлены все зависимости и Tkinter Designer. Прежде чем использовать Tkinter Designer, вам необходимо создать файл Figma, следуя инструкциям ниже.\n\n Если вы уже создали файл, перейдите к разделу [**Использование Tkinter Designer**](#Using-Tkinter-Designer).\n\n___\n
\n\n\n\n## 3. Создайте учетную запись Figma\n\n1. В веб-браузере перейдите на [figma.com](https://www.figma.com/) и нажмите «Зарегистрироваться».\n2. Введите свою информацию, затем подтвердите свой адрес электронной почты.\n3. Создайте новый файл дизайна Figma.\n4. Начните создавать графический интерфейс:\n - В следующем разделе описано необходимое форматирование входных данных Tkinter Designer.\n - [Вот официальная серия руководств по Figma для начинающих.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Вот официальный канал Figma на YouTube.](https://www.youtube.com/c/figmadesign/featured)\n - [Вот Справочный центр Figma.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Форматирование дизайна Figma [[Наверх](#Оглавление)]\n\n## 1. Референс\n\n
\n\n### Имена важны!\n\n| Имя элемента Figma | Tkinter элемент |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Text | Name it anything |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nКод, сгенерированный Tkinter Designer, основан на именах элементов вашего дизайна Figma, и поэтому вам необходимо соответствующим образом называть свои элементы. В Figma переименуйте свои элементы, дважды щелкнув на них на панели «Layers».\n\n___\n
\n\n\n\n## 2. Руководство по элементам\n\n
\n\n1. **Сначала создайте Frame, который будет служить вашим окном Tkinter.**\n

\n\n2. **Добавление изображений**\n - Изображения могут быть созданы с использованием фигур и/или изображений.\n - Если вы используете несколько фигур/изображений, вам необходимо сгруппировать их, выделив их все и нажав CTRL/⌘ + G\n - После этого назовите элемент или группу «Image».\n

\n\n3. **Text (обычный текст)**\n - Используйте клавишу T, чтобы активировать текстовый инструмент, затем добавьте текст по желанию.\n - Текст не нужно переименовывать для использования в Tkinter Designer.\n - Нажмите клавишу Return или Enter, чтобы перейти к следующей строке.\n

\n\n4. **Entry (однострочный пользовательский ввод)**\n - Активируйте инструмент «Прямоугольник» с помощью R.\n - Отрегулируйте прямоугольник по своему вкусу.\n - Убедитесь, что прямоугольник называется «TextBox».\n

\n\n5. **Text Area (многострочный пользовательский ввод)**\n - Активируйте инструмент «Прямоугольник» с помощью R.\n - Отрегулируйте прямоугольник по своему вкусу.\n - Убедитесь, что прямоугольник назван «TextArea».\n

\n\n6. **Прямоугольник**\n - Активируйте инструмент «Прямоугольник» с помощью R.\n - Отрегулируйте прямоугольник по своему вкусу.\n - Убедитесь, что прямоугольник назван «Rectangle».\n

\n\n7. **Обычная кнопка**\n - Добавьте прямоугольник, который будет служить кнопкой в вашем графическом интерфейсе.\n - Необязательно: добавьте текст для кнопки.\n - Выберите кнопку (прямоугольник) и любой дополнительный текст, затем сгруппируйте их с помощью CTRL/⌘ + G\n - Назовите группу «Button».\n\n#### Если у вас возникнут какие-либо проблемы, обратитесь к [этому видео](https://youtu.be/Qd-jJjduWeQ).\n\n

\n\n8. **Скругленная кнопка**\n - Добавьте прямоугольник, который будет служить кнопкой в вашем графическом интерфейсе.\n - Необязательно: добавьте текст для кнопки.\n - Сделайте его закругленным, добавив угловой радиус, выделив прямоугольник и добавив угловой радиус с правой стороны. [Подробнее об этом](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Создайте прямоугольник того же размера, что и ваша кнопка. Не делайте его закругленным.\n - Измените цвет прямоугольника, чтобы он соответствовал фону.\n - Теперь переместите вновь созданный прямоугольник под главную кнопку (Прямоугольник).\n - Выберите кнопку, прямоугольник и любой дополнительный текст, затем сгруппируйте их с помощью CTRL/⌘ + G\n - Назовите группу «Button».\n\n#### Если у вас возникнут какие-либо проблемы, обратитесь к [этому видео](https://youtu.be/Qd-jJjduWeQ).\n\n

\n\n\n\n# Использование Tkinter Designer [[Наверх](#Оглавление)]\n\n## Необходимые входные данные\n\nЧтобы использовать TKinter Designer, вам необходимо собрать некоторые данные.\n\n\n\n### 1. Токен личного доступа\n\n1. Войдите в свою учетную запись Figma.\n2. Перейдите в «Settings» \\ «Настройки».\n3. На вкладке **Account** прокрутите вниз до пункта **Personal access tokens**.\n4. Введите имя вашего токена доступа в форму ввода и нажмите Enter.\n5. Будет создан ваш личный токен доступа.\n - Скопируйте этот токен и сохраните его в безопасном месте.\n - **У вас больше не будет возможности скопировать этот токен.**\n\n\n\n### 2. Получение URL-адреса файла\n\n1. В файле дизайна Figma нажмите кнопку **Share** на верхней панели, затем нажмите **🔗 Copy link**\n\n\n\n## Использование интерфейса командной строки\n\nИспользовать CLI так же просто, как установить пакет и запустить инструмент CLI.\n\n### Из PyPi\n\nВы можете использовать приведенную ниже команду в качестве проверки, заменив $FILE_URL и $FIGMA_TOKEN своими данными. Если у вас нет токена и ссылки, обратитесь к [**Разделу «Необходимые входные данные»**](#using-1).\n\n```bash\npip установить tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### Из исходников\n\nЧтобы использовать CLI из исходного кода, вам необходимо клонировать репозиторий, а затем следовать инструкциям ниже.\n\nВы можете использовать приведенную ниже команду в качестве проверки, заменив $FILE_URL и $FIGMA_TOKEN своими данными. Если у вас нет токена и ссылки, обратитесь к [**Разделу «Необходимые входные данные»**](#using-1).\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# Чтобы узнать больше о том, как использовать cli, передайте флаг --help\n$ python -m tkdesigner --help\n```\n\n### Выходные данные\n\nПо умолчанию код графического интерфейса будет записан в build/gui.py. Вы можете указать выходной путь, используя флаг «-o» и указав путь.\n\nЧтобы запустить сгенерированный графический интерфейс, перейдите в каталог, в котором вы его создали (например, build/), и запустите его так же, как и любой графический интерфейс Tkinter.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## Использование графического интерфейса\n\n### Откройте Tkinter Designer, прежде чем выполнять следующие шаги.\n\n
\n\n1. Откройте графический интерфейс TKinter Designer с помощью\n\n```bash \ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. Вставьте свой *персональный токен доступа* в форму **Token ID** в Tkinter Designer.\n3. Вставьте ссылку в форму **File URL** в Tkinter Designer.\n4. Нажмите форму **Output Path**, чтобы открыть браузер файлов.\n5. Выберите путь вывода и нажмите **Select Folder**.\n6. Нажмите **Generate**.\n\nВыходные файлы Tkinter Designer будут помещены в выбранный вами каталог внутри новой папки с именем **build**. Поздравляем, вы создали графический интерфейс Tkinter с помощью Tkinter Designer!\n\n

\n\n\n\n# Устранение неполадок [[Наверх](#Оглавление)]\n\n- Элементы не видны? Находятся не на своём месте?\n - Убедитесь, что в вашем файле Figma элементы названы правильно. * См. [Форматирование дизайна Figma, §1](#formatting-1).\n\n- Кнопка имеет незапланированный серый фон?\n - Убедитесь, что вы добавили прямоугольник позади элемента кнопки и что его цвет заливки такой же, как у фона.\n\n- Неправильные элементы?\n - Убедитесь, что вы правильно назвали свои элементы в Figma.\n - См. [Форматирование дизайна Figma, §1](#formatting-1).\n\n- Окно больше экрана?\n - Уменьшите размер ваших элементов в Figma.\n\n- Файлы не генерируются?\n - Перезапустите Tkinter Designer.\n - Дважды проверьте токен и URL-адрес.\n - Убедитесь, что в вашем дизайне есть Frame.\n\n- Что-то другое?\n - [Сообщить о проблемах, не перечисленных здесь на GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)" }, { "path": "docs/instructions.spa-SPA.md", "content": "# ¿Cómo usar Tkinter Designer?\n\n#### Traducciones\n\n- [简体中文](/docs/instructions.zh-CN.md)\n- [Français](/docs/instructions.fr-FR.md)\n- [ગુજરાતી](docs/instructions.gu-GU.md)\n- [عربية](/docs/instructions.ar-DZ.md)\n- [Turkish](/docs/instructions.tr-TR.md)\n\n___\n\n## Tabla de contenidos\n\n1. [**Comience por aquí**](#getting-started-1)\n 1. [Instalar Python](#getting-started-1)\n 2. [Instalar Tkinter Designer](#getting-started-2)\n 3. [Crear una cuenta en Figma](#getting-started-3)\n\n2. [**Dando formato a tu diseño de Figma**](#formatting-1)\n 1. [Referencia](#formatting-1)\n 2. [Guía de Elementos](#formatting-2)\n\n3. [**Usar Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Token de Acceso Personal](#using-1)\n 2. [Obteniendo URL de tu archivo](#using-2)\n 3. [Usando el CLI](#using-cli)\n 4. [Usando el GUI](#using-gui)\n\n4. [**Solución de Problemas**](#Troubleshooting)\n\n

\n\n# Comenzando [[Top](#table-of-contents)]\n\n\n\n## 1. Instalar Python\n\nAntes de usar Tkinter Desinger, deberás instalar Python. \n- [Aquí hay un link a la página de descargas de Python.](https://www.python.org/downloads) \n- [Aquí hay una guía útil de cómo instalar Python en diferentes Sistemas Operativos.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Más tarde en éste curso, usarás el Package Installer de Python (pip), el cual requiere que agregues Python al PATH de tu sistema*\n\n___\n
\n\n\n\n## 2. Instalar Tkinter Designer\n\n*Tres opciones:*\n\n1. `pip install tkdesigner`\n\n2. Instalar [poetry](https:python-poetry.org)\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. Para ejecutar Tkinter Designer desde el archivo fuente, sigue las siguientes instrucciones.\n\n 1. Descarga el archivo fuente, descargandolo manualmente o usando GIT.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. Cambia tu directorio de trabajo a Tkinter Designer.\n\n `cd Tkinter-Designer`\n\n 3. Instala las dependencias necesarias ejecutando\n\n - `pip install -r requirements.txt`\n - En el caso que pip no funcione, también prueba con los siguientes comandos:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - Si esto no funciona, asegurate de que Python está agregado al PATH.\n\n Ésto instalará todos los requisitos y Tkinter Designer. Antes de usar Tkinter Designer, deberás crear un archivo de Figma siguiendo las siguientes instrucciones.\n\n Si ya creaste un archivo Figma, puedes saltar a la sección [**Usar Tkinter Designer**](#Using-Tkinter-Designer).\n\n___\n
\n\n\n\n## 3. Crear una cuenta en Figma\n\n1. En un navegador web, navega a [figma.com](https://www.figma.com/) y da click en 'Sign up'\n2. Ingresa tu informacion y luego verifica tu email\n3. Crea un nuevo archivo de diseño en Figma\n4. Comienza a crear tu GUI\n - Las siguientes secciones abarcan el formato necesario para el resultado en Tkinter Designer.\n - [Aqúi está el tutorial oficial de Figma para principiantes.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Aquí está el canal oficial de YouTube de Figma.](https://www.youtube.com/c/Figmadesign/featured)\n - [Aquí está el Centro de Ayuda de Figma.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Dando formato a tu diseño de Figma [[Top](#table-of-contents)]\n\n## 1. Referencias\n\n
\n\n### El nombre es importante\n\n| Nombre de Elemento en Figma | Elemento en Tkinter |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Text | Nómbralo como quieras |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nEl código generado por Tkinter Designer está basado en los nombres de los elementos de tu diseño en Figma, y como tal, necesitas nombrar tus elementos de acuerdo a lo establecido. En Figma, puedes renombrar tus elementos al dar doble click en ellos en el panel de Layers.\n\n___\n
\n\n\n\n## 2. Guía de Elementos\n\n
\n\n1. **Primero, crea un Frame que te servirá como tu ventana de Tkinter.**\n

\n\n2. **Añadir Imágenes**\n - Las imágenes pueden ser creadas usando formas y/o imágenes.\n - Si usas multiples formas/imágenes, necesitarás agruparlos todos juntos, seleccionandolos y presionando CTRL/⌘ + G\n - Después de eso, nombra el elemento o grupo como \"Image\".\n

\n\n3. **Texto (Texto Normal)**\n - Usa la tecla T para activar la herramienta de texto, después añade texto que desees.\n - El texto no tiene que ser renombrado para usar en Tkinter Designer.\n - Explicitamente presiona las teclas Return o Enter para saltar a la siguiente línea.\n

\n\n4. **Entry (Input de Usuario en una sóla línea)**\n - Activa la herramienta de Rectángulo con la letra R\n - Ajusta el rectangulo a tu gusto\n - Asegurate que el Rectángulo sea llamado \"TextBox\"\n

\n\n5. **Area de Texto (Input de Usuario en múltiples líneas)**\n - Activa la herramienta de Rectángulo con la letra R\n - Ajusta el rectangulo a tu gusto\n - Asegurate que el Rectángulo sea llamado \"TextArea\"\n\n6. **Rectángulo**\n - Activa la herramienta de Rectángulo con la letra R\n - Ajusta el rectangulo a tu gusto\n - Asegurate que el Rectángulo sea llamado \"Rectangle\"\n

\n\n7. **Botón Normal**\n - Añade un rectangulo para que funcione como un botón en tu GUI\n - Opcional: Añade texto para el botón.\n - Selecciona el botón(Rectangle), y cualquier texto opcional, luego agrupalos con CTRL/⌘ + G\n - Nombra el grupo \"Button\"\n\n#### Dirigete a [Éste video](https://youtu.be/mFjE2-rbpm8?t=275) si te encuentras con cualquier problema\n\n

\n\n8. **Botón circular**\n - Añade un rectangulo para que funcione como un botón en tu GUI\n - Opcional: Añade texto para el botón.\n - Hazlo redondo al añadir un radio de esquinas, seleccionado el rectángulo y añadiendo un radio de esquinas desde el lado derecho. [Lee más en](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Crea un rectángulo con el mismo tamaño que tu botón. No lo hagas redondeado.\n - Cambia el color del rectángulo para combinarlo con el fondo\n - Ahora, mueve el rectángulo más nuevo debajo del botón principal(Rectangle).\n - Selecciona el botón, el rectángulo y cualquier texto adicional, luego agrupalos con CTRL/⌘ + G\n - Nombra al grupo \"Button\"\n\n#### Dirigete a [Éste video](https://youtu.be/mFjE2-rbpm8?t=275) si te encuentras con cualquier problema\n\n

\n\n\n\n# Usar Tkinter Designer [[Top](#table-of-contents)]\n\n## Datos Requeridos\n\nHay algunos datos que necesitarás coleccionar para usar Tkinter Designer.\n\n\n\n### 1. Token de Acceso Personal\n\n1. Inicia sesión en tu cuenta de Figma\n2. Dirígete a Configuración\n3. En la pestaña de **Account**, deslíza hacía abajo hasta **Personal Access Tokens**\n4. Ingresa el nombre de tu Token de Acceso Personal en el campo y presiona Enter\n5. Tu Token de Acceso Personal será creada.\n - Copia ésta Token y guárdala en algún lugar seguro.\n - **No tendrás otra chance de copiar ésta Token.**\n\n\n\n### 2. Obteniendo URL de tu archivo\n\n1. En tu archivo de diseño de Figma, da click en el botón de **Share** en la barra superior, luego da click en **🔗 Copy Link**\n\n\n\n## Usando el CLI\n\nUsar el CLI es tan simple como instalar un pacquete y ejecutar la herramienta de CLI.\n\n### Desde PyPi\n\nPuedes usar el siguiente comando como una prueba, reemplazando $FILE_URL & $FIGMA_TOKEN por tu información. Si todavía no haz conseguido el Token, dirígete a [**Datos Requeridos**](#using-1).\n\n``` bash\npip install tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### Desde Archivo Fuente\n\nPara usar CLI desde el archivo fuente, necesitas clonar el repositorio y luego seguir las siguientes instrucciones.\n\nPuedes usar el siguiente comando como una prueba, reemplazando $FILE_URL & $FIGMA_TOKEN por tu información. Si todavía no haz conseguido el Token, dirígete a [**Datos Requeridos**](#using-1).\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# Para aprender más sobre cómo usar el CLI, pasa el Flag --help\n$ python -m tkdesigner --help\n```\n\n### Resultado\n\nPor defecto, el código GUI será almacenado en build/gui.py. Puedes especificar la ruta al presionar la Flag `-o` y escribiendo la ruta.\n\nPara ejecutar el GUI generado, haz un cd hasta el directorio que haz creado (en general: build/) y ejecutalo tal como lo hicieras con cualquier GUI de Tkinter.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## Usando el GUI\n\n### Abre Tkinter Desinger antes de realizar los siguientes pasos\n\n
\n\n1. Abre Tkinter Designer GUI de la siguiente forma\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. Pega tu *Token de Acceso Personal* en el campo de **Token ID** en Tkinter Designer\n3. Pega el link en el campo de **File URL** en Tkinter Designer\n4. Da click en el campo de **Output Path** para abrir el buscador de archivos\n5. Elige una ruta de destino y da click **Select Folder**\n6. Presiona **Generate**\n\nLos archivos generados por Tkinter Designer serán puestos en tu directorio de destino, dentro de una nueva carpeta llamada **build**. Felicitaciones, ahora has cread tu GUI de Tkinter usando Tkinter Designer!\n\n

\n\n\n\n# Solución de Problemas [[Top](#table-of-contents)]\n\n- ¿Los elementos no son visibles? ¿Están en un lugar equivocado?\n - Por favor, asegurate que tu archivo Figma tiene los elementos nombrados correctamente. * Ve [Dando formato a tu diseño de Figma, §1](#formatting-1)\n\n- ¿El botón tiene un fondo gris no deseado?\n - Asegurate que has añadido un rectángulo detras de tu elemento botón, y que éste sea del mismo color que el fondo\n\n- ¿Elementos incorrectos?\n - Asegurate que has nombrado tus elementos correctamente en Figma\n - Ve [Dando formato a tu diseño de Figma, §1](#formatting-1)\n\n- ¿La ventana es más grande que la pantalla?\n - Reduce el tamaño de tus elementos en Figma\n\n- ¿Los archivos no se generan?\n - Reinicia Tkinter Designer\n - Vuelve a checkear el URL y el Token Access\n - Asegurate que tu diselo tiene un Frame\n\n- ¿Algo más?\n - [Reportar problemas no mencionados aquí en GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.tr-TR.md", "content": "# Tkinter Designer Nasıl Kullanılır\n___\n\n## İçindekiler\n\n1. [**Başlarken**](#getting-started-1)\n 1. [Python'u Kurun](#getting-started-1)\n 2. [Tkinter Designer'ı Yükleyin](#getting-started-2)\n 3. [Bir Figma Hesabı Oluşturun](#getting-started-3)\n\n2. [**Figma Tasarımınızı Biçimlendirme**](#formatting-1)\n 1. [Referans](#formatting-1)\n 2. [Element Kılavuzu](#formatting-2)\n\n3. [**Tkinter Designer'ı Kullanma**](#Using-Tkinter-Designer)\n 1. [Kişisel Erişim Tokenı](#using-1)\n 2. [Dosya URL'nizi Elde Etme](#using-2)\n 3. [CLI'ı Kullanma](#using-cli)\n 4. [GUI'yi Kullanma](#using-gui)\n\n4. [**Sorun Giderme**](#Troubleshooting)\n\n

\n\n# Başlarken [[Top](#table-of-contents)]\n\n\n\n## 1. Python'u Kurun\n\nTkinter Designer'ı kullanmaya başlamadan önce Python'u kurmanız gerekmektedir.\n- [Python'u burdan indirebilirsiniz.](https://www.python.org/downloads) \n- [Burda ise Python'u çeşitli işletim sistemlerine indirmeye yarayacak bir rehber var.](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Bu rehberden sonra Python'un paket yükleyicisi olan \"pip\"i kullanacaksınız, bu yüzden Python'u sistem yoluna eklemeniz gerekebilir.*\n\n___\n
\n\n\n\n## 2. Tkinter Designer'ı Yükleyin\n\n*Üç yol*\n\n1. `pip install tkdesigner`\n\n2. Install [poetry](https:python-poetry.org)\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n3. Tkinter Designer'ı kaynak kodundan çalıştırmak için aşağıdaki adımları izleyin.\n\n 1. Tkinter Designer'ın kaynak kodunu GIT kullanarak veya manuel olarak indirin.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. Çalışma alanınızı Tkinter Designer olarak değiştirin.\n\n `cd tkinter-designer`\n\n 3. Bunları çalıştırarak gerekenleri indirin.\n\n - `pip install -r requirements.txt`\n - O an \"pip\" çalışmıyorsa şu komutları deneyin:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - Eğer halen çalışmıyorsa Python'un sistem yoluna eklendiğinden emin olun.\n\n Bu tüm gerekli şeyleri ve Tkinter Designer'ı kuracaktır. Tkinter Designer'ı kullanmadan önce aşağıdaki yönergeler ile bir Figma dosyası oluşturmanız gerekmektedir.\n\n Eğer zaten oluşturduysanız [**Tkinter Designer'ı Kullanma**](#Using-Tkinter-Designer) kısmına atlayabilirsiniz.\n\n___\n
\n\n\n\n## 3. Bir Figma Hesabı Oluşturma\n\n1. Tarayıcınızdan [figma.com](https://www.figma.com/) adresine gidin ve \"Üye Ol // Sign Up\" tuşuna tıklayın.\n2. Bilgilerinizi girin ardından email hesabınızı doğrulayın\n3. Yeni bir Figma Tasarım Dosyası oluşturun\n4. Arayüzünüzü yapmaya başlayın\n - Sonraki bölüm, Tkinter Designer girişi için gerekli biçimlendirmeyi kapsar.\n - [Burada yeni başlayanlar için Figma öğretici serisi var.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Figma'nın resmi YouTube kanalı.](https://www.youtube.com/c/Figmadesign/featured)\n - [Figma yardım servisi.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Figma Tasarımınızı Biçimlendirme [[Top](#table-of-contents)]\n\n## 1. Referans\n\n
\n\n### İsimlendirme Önemlidir\n\n| Figma Element İsmi | Tkinter Elementi |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nTkinter Designer'ın oluşturduğu kodlar Figma tasarımınızdaki element isimlerden gelir, bu yüzden isimlendirmeyi doğru yapmanız gerekir. Figma'da elementleri kontrol panelindeki katmanlar paneli aracılığıyla çift tıklayarak isimlendirebilirsiniz.\n\n___\n
\n\n\n\n## 2. Element Kılavuzu\n\n
\n\n1. **Öncelikle, Tkinter Penceresi olarak kullanacağınız bir \"frame\" oluşturun.**\n

\n\n2. **Resim Ekleme**\n - Resimler, şekiller ve resimler kullanılarak oluşturulabilir.\n - Eğer birden fazla şekil veya resim kullandıysanız, önce hepsini seçip ardından CTRL/⌘ + G kısayolu ile gruplandırmanız gerekir.\n - Bundan sonra elementi veya grubu \"Image\" olarak isimlendirin.\n

\n\n3. **Yazı (Normal Yazı)**\n - T tuşunu kullanarak yazı aracını aktif edin. Ardından istediğiniz yazıyı girin\n - Tkinter Designer'da yazının kullanımı için yeniden isimlendirilmesine gerek yoktur\n - Return ya da Enter tuşuna basarak sonraki satıra ilerleyin.\n

\n\n4. **Giriş (Tek Satır Kullanıcı Input'u)**\n - R tuşu ile Rectangle(Dikdörtgen) aracını aktive edin\n - Diktörtgeni beğeninize göre ayarlayın\n - Dikdörtgenin \"TextBox\" olarak adlandırıldığından emin olun\n

\n\n5. **Yazı Alanı (Çoklu Kullanıcı Input)**\n - R tuşu ile Rectangle(Dikdörtgen) aracını aktive edin\n - Diktörtgeni beğeninize göre ayarlayın\n - Dikdörtgenin \"TextArea\" olarak adlandırıldığından emin olun\n\n6. **Dikdörtgen**\n - R tuşu ile Rectangle(Dikdörtgen) aracını aktive edin\n - Diktörtgeni beğeninize göre ayarlayın\n - Dikdörtgenin \"Rectangle\" olarak adlandırıldığından emin olun\n

\n\n7. **Normal Buton**\n - Buton olarak kullanmak için bir rectangle(dikdörtgen) ekleyin\n - Opsiyonel: Buton için bir yazı ekleyin\n - Butonu(Rectangle), ve herhangi bir yazıyı seçin, ardından onları CTRL/⌘ + G ile guruplayın\n - Grubu \"Button\" olarak adlandırın\n\n#### Herhangi bir problemde [bu videoyu](https://youtu.be/Qd-jJjduWeQ) referans alın\n\n

\n\n8. **Köşeli Buton**\n - Buton olarak kullanmak için bir rectangle(dikdörtgen) ekleyin\n - Opsiyonel: Buton için bir yazı ekleyin\n - Diktörtgene sağ taraftan kenar-yumuşatma ekleyerek kenarlarını yuvarlayın. [Daha fazlasına ulaşın](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Butonunuz ile aynı boyutta bir diktörtgen oluşturun. Onu yuvarlatmayın.\n - Dikdörtgeninizin rengini arkaplan ile eşleşmesi için değiştirin\n - Şimdi yeni oluşturulan dikdörtgeni ana düğmenin(dikdörtgenin) altına taşıyın.\n - Butonu, dikdörtgeni ve herhangi opsiyonel yazıyı seçin ve onları CTRL/⌘ + G ile gruplandırın\n - Grubu \"Button\" olarak adlandırın.\n\n#### Herhangi bir problemde [bu videoyu](https://youtu.be/Qd-jJjduWeQ) referans alın\n\n

\n\n\n\n# Tkinter Designer'ı Kullanma [[Top](#table-of-contents)]\n\n## Gerekli Girdiler\n\nTKinter Designer'ı kullanabilmek için bazı girdileri toplamanız gerekmektedir.\n\n\n\n### 1. Kişisel Erişim Tokenı\n\n1. Figma hesabınıza girin\n2. Ayarlara gidin\n3. **Account** sekmesinde, **Personal access tokens** kısmına kadar kaydırın\n4. Giriş formu için erişim tokeninizin ismini girin ve Enter tuşuna basın\n5. Kişisel erişim tokeniniz oluşturalacak.\n - Bu tokeni kopyalayın ve güvenli bir yerde saklayın.\n - **Bu tokenı kopyalamak için başka şansınız olmayacak.**\n\n\n\n### 2. Dosya URL'nizi Elde Etme\n\n1. Figma tasarım dosyanızda üst menüden **Share** butonuna, ardından **🔗 Copy link**'e tıklayın\n\n\n\n## CLI'ı Kullanma\n\nCLI'yı kullanmak paketi yüklemek ve CLI aracını çalıştırmak kadar kolaydır.\n\n### PyPi'den\n\nVerilerinizle $FILE_URL & $FIGMA_TOKEN değiştirerek aşağıdaki komutu test olarak kullanabilirsiniz. Eğer linke ve tokena ulaşamadıysanız [**Gerekli Girdiler**](#using-1) kısmına bakın.\n\n``` bash\npip install tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### Kaynaktan\n\nCLI'ı kaynak kodundan kullanmak için depoyu klonlamanız ve ardından aşağıdaki talimatları izlemeniz gerekir.\n\nVerilerinizle $FILE_URL & $FIGMA_TOKEN değiştirerek aşağıdaki komutu test olarak kullanabilirsiniz. Eğer linke ve tokena ulaşamadıysanız [**Gerekli Girdiler**](#using-1) kısmına bakın.\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# To learn more about how to use the cli, pass the --help flag\n$ python -m tkdesigner --help\n```\n\n### Çıktı\n\nVarsayılan olarak GUI kodu build/gui.py dosyasına yazılacak. Çıktı yolunu `-o` ile değiştirebilirsiniz.\n\nOluşturulan GUI'yi çalıştırmak için GUI'yi oluşturduğunuz konuma gidin ve herhangi normal bir Tkinter GUI'si çalıştırır gibi çalıştırın.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## GUI'yi Kullanma\n\n### Sıradaki adımları yapmadan önce Tkinter Designer'ı açın\n\n
\n\n1. TKinter Designer GUI'sini aşağıdaki kod yardımıyla açın\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. *kişisel erişim tokenı*'nı Tkinter Designer'daki **Token ID** kısmına yapıştırın.\n3. Tkinter Designer'da linki **File URL** kısmına yapıştırın\n4. Dosya gezgininden bir dosya açmak için **Output Path**'a tıklayın\n5. Bir çıktı yolu seçin ve **Select Folder**'a basın\n6. **Generate**'e tıklayın\n\nTkinter Designer'ın çıktı dosyaları, seçtiğiniz dizine, **build** adlı yeni bir klasöre yerleştirilecektir. Tebrikler, şimdi Tkinter GUI'nizi Tkinter Designer kullanarak oluşturdunuz!\n\n

\n\n\n\n# Sorun Giderme [[Top](#table-of-contents)]\n\n- Elementler görünmüyor mu? Yanlış mı yerleştirilmiş?\n - Lütfen Figma dosyasındaki elementlerin doğru isimlendirildiğinden emin olun. * See [Formatting Your Figma Design, §1](#formatting-1)\n\n- Butonun istenmeyen bir gri arka planı mı var?\n - Buton elementinizin arkasına dikdörtgen eklediğinizden ve dolgu renginin arka plan rengiyle aynı olduğundan emin olun.\n\n- Yanlış elementler?\n - Figmada elementinizi doğru isimlendirdiğinizden emin olun\n - Şu kısma bakın: [Figma Tasarımınızı Biçimlendirme, §1](#formatting-1)\n\n- Pencere ekranınızdan daha mı büyük?\n - Figma'da elementlerinizin boyutunu düşürün\n\n- Dosya oluşturulmuyor mu?\n - Tkinter Designer'ı yeniden başlatın\n - Token'ı ve URL'yi iki kez kontrol edin\n - Tasarımınızın bir Frame'e(çerçeve) sahip olduğundan emin olun\n\n- Başka bir şey?\n - [GitHub'da burda listelenmeyen sorunları bildirin](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "docs/instructions.vi-VN.md", "content": "# Cách sử dụng Tkinter Designer\n\n#### Các bản dịch\n\n- [简体中文](/docs/instructions.zh-CN.md)\n- [Français](/docs/instructions.fr-FR.md)\n- [ગુજરાતી](docs/instructions.gu-GU.md)\n- [عربية](/docs/instructions.ar-DZ.md)\n- [Turkish](/docs/instructions.tr-TR.md)\n- [Korean](/docs/instructions.kr-KR.md)\n- [Tiếng Việt](/docs/instructions.vi-VN.md)\n___\n\n## Mục lục\n\n1. [**Bắt đầu**](#getting-started-1)\n 1. [Cài đặt Python](#getting-started-1)\n 2. [Cài đặt Tkinter Designer](#getting-started-2)\n 3. [Tạo tài khoản Figma](#getting-started-3)\n\n2. [**Cách định dạng thiết kế ở Figma**](#formatting-1)\n 1. [Tài liệu tham khảo](#formatting-1)\n 2. [Hướng dẫn về các phần tử](#formatting-2)\n\n3. [**Sử dụng Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Mã truy cập cá nhân](#using-1)\n 2. [Lấy địa chỉ của file](#using-2)\n 3. [Sử dụng CLI (Command Line Interface)](#using-cli)\n 4. [Sử dụng GUI (Giao diện người dùng đồ họa)](#using-gui)\n\n4. [**Khắc phục sự cố**](#Troubleshooting)\n\n

\n\n# Bắt đầu [[Top](#table-of-contents)]\n\n\n\n## 1. Install Python\n\nTrước khi sử dụng Tkinter Designer, bạn sẽ cần cài đặt Python. \n- [Bấm vào đây để đến trang tải xuống Python](https://www.python.org/downloads) \n- [Đây là hướng dẫn cho các hệ điều hành](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*Trong hướng dẫn này, bạn sẽ sử dụng Trình cài đặt Gói cho Python (pip), điều này có thể đòi hỏi bạn phải thêm Python vào PATH của hệ thống.\n\n___\n
\n\n\n\n ## 2. Cài đặt Tkinter Designer\n\n *3 Phương Pháp:*\n\n 1. Sử dụng câu lệnh `pip install tkdesigner`\n\n 2. Cài đặt [poetry](https:python-poetry.org) và sử dụng các câu lệnh:\n - `poetry new && cd `\n - `poetry add tkdesigner`\n - `poetry install`\n\n 3. Chạy Tkinter Designer từ mã nguồn mở:\n\n 1. Tải xuống các tệp nguồn cho Tkinter Designer bằng cách tải xuống thủ công hoặc sử dụng GIT.\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n 2. Thay đổi thư mục làm việc của bạn thành Tkinter Designer.\n\n `cd Tkinter-Designer`\n\n 3. Cài đặt các gói cần thiết.\n\n - `pip install -r requirements.txt`\n - Nếu pip không hoạt động, hãy thử các câu lệnh sau:\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - Nếu vẫn không hoạt động, hãy đảm bảo Python đã được thêm vào PATH.\n\n Điều này sẽ cài đặt tất cả các yêu cầu và Tkinter Designer. Trước khi sử dụng Tkinter Designer, bạn cần tạo một tệp Figma với các hướng dẫn dưới đây.\n\n Nếu bạn đã tạo một file, hãy đi tới phần [**Sử dụng Tkinter Designer**](#Using-Tkinter-Designer).\n\n ___\n
\n\n \n\n ## 3. Tạo tài khoản Figma\n\n 1. Truy cập [figma.com](https://www.figma.com/) và đăng kí\n 2. Nhập thông tin của bạn, sau đó xác minh email của bạnl\n 3. Tạo một file thiết kế Figma\n 4. Bắt đầu tạo GUI (Giao diện người dùng đồ họa)\n - Phần tiếp theo sẽ đề cập đến định dạng cần thiết cho đầu vào Tkinter Designer.\n - [Đây là loạt bài hướng dẫn chính thức của Figma dành cho người mới bắt đầu.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [Đây là kênh YouTube chính thức của Figma.](https://www.youtube.com/c/Figmadesign/featured)\n - [Đây là Trung tâm Trợ giúp của Figma.](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# Định dạng thiết kế ở Figma [[Top](#table-of-contents)]\n\n## 1. Tham khảo\n\n
\n\n### Cách đặt tên là một yếu tố vô cùng quan trọng\n\n| Tên phần tử trong Figma | Khi phần tử ở Tkinter |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Text | Name it anything |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nMã được tạo ra bởi Tkinter Designer dựa trên tên các phần tử trong thiết kế Figma của bạn, và do đó, bạn cần đặt tên cho các phần tử của mình một cách phù hợp. Trong Figma, đổi tên các phần tử bằng cách nhấp đúp vào chúng trong bảng Layers.\n\n\n___\n
\n\n\n\n## 2. Hướng dẫn về các phần tử\n\n
\n\n1. **Trước tiên, tạo một khung chứa và đó sẽ là cửa sổ Tkinter của bạn.**\n

\n\n2. **Thêm ảnh**\n - IHình ảnh có thể được tạo bằng các hình dạng (shapes) và/hoặc hình ảnh (images)\n - Nếu bạn sử dụng nhiều hình dạng/ảnh, bạn phải nhóm chúng lại bằng cách chọn tất cả và nhấn CTRL/⌘ + G\n - Sau đó, đặt tên cho phần tử hoặc nhóm là \"Image\".\n

\n\n3. **Văn bản (Văn bản bình thường)**\n - Sử dụng phím T để kích hoạt công cụ văn bản, sau đó thêm văn bản theo ý muốn\n - Văn bản không cần được đổi tên để sử dụng trong Tkinter Designer\n - Nhấn rõ nút Return hoặc Enter để chuyển xuống dòng tiếp theo.\n

\n\n4. **Entry (Người dùng nhập trong 1 dòng)**\n - Kích hoạt công cụ Hình lập phương (rectangle) với R\n - Điều chỉnh Hình lập phương (rectangle) theo ý thích của bạn\n - Đảm bảo rằng Hình lập phương (rectangle) có tên là \"TextBox\"\n

\n\n5. **Vùng văn bản (Người dùng nhập nhiều dòng)**\n - Kích hoạt công cụ Hình lập phương (rectangle) với R\n - Điều chỉnh Hình lập phương (rectangle) theo ý thích của bạn\n - Đảm bảo rằng Hình lập phương (rectangle) có tên là \"TextArea\"\n\n6. **Hình lập phương**\n - Kích hoạt công cụ Hình lập phương (rectangle) với R\n - Điều chỉnh Hình lập phương (rectangle) theo ý thích của bạn\n - Đảm bảo rằng Hình lập phương (rectangle) có tên là \"Rectangle\"\n

\n\n7. **Nút thông thường**\n - Thêm một Hình lập phương để làm nút trong Giao diện người dùng đồ họa của bạn.\n - Tùy chọn: Thêm văn bản cho nút.\n - Chọn nút (Hình lập phương vừa tạo) và văn bản, sau đó nhóm chúng với phím CTRL/⌘ + G\n - Đặt tên cho nhóm là \"Button\"\n\n#### Tham khảo [video này](https://youtu.be/Qd-jJjduWeQ) nếu bạn gặp phải vấn đề\n\n

\n\n8. **Nút bo tròn**\n - Add rectangle to serve as a button in your GUI\n - Thêm một Hình lập phương để làm nút trong Giao diện người dùng đồ họa của bạn.\n - Tùy chọn: Thêm văn bản cho nút.\n -Làm cho nút có hình dạng bo tròn bằng cách thêm bán kính góc bằng cách chọn Hình lập phương và thêm bán kính góc từ phía bên phải.[Đọc thêm](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)\n - Tạo một Hình lập phương có cùng kích thước với nút của bạn. Không làm cho nó bo tròn.\n - Thay đổi màu sắc của Hình lập phương để phù hợp với nền.\n - Tiếp theo, di chuyển Hình lập phương vừa tạo xuống phía dưới nút chính (Hình lập phương).\n - Chọn nút, Hình lập phương và văn bản tùy chọn (nếu có), sau đó nhóm chúng với phím CTRL/⌘ + G.\n - Đặt tên cho nhóm là \"Button\".\n\n#### Tham khảo [video này](https://youtu.be/Qd-jJjduWeQ) nếu bạn gặp phải vấn đề\n\n

\n\n\n\n# Sử dụng Tkinter Designer [[Top](#table-of-contents)]\n\n## Các thông tin cần nhập\n\nCó một số thông tin mà bạn sẽ cần thu thập để sử dụng Tkinter Designer.\n\n\n\n### 1. Mã truy cập cá nhân\n\n1. Đăng nhập vào tài khoản Figma của bạn.\n2. Di chuyển đến Cài đặt.\n3. Trong tab Tài khoản, cuộn xuống đến Mã truy cập cá nhân.\n4. Nhập tên của mã truy cập cá nhân vào ô nhập và nhấn Enter.\n\n5. Mã truy cập cá nhân của bạn sẽ được tạo.\n - Sao chép mã truy cập này và lưu nó ở một nơi an toàn.\n - **Mã này sẽ chỉ xuất hiện một lần và không thể sao chép lại**\n\n\n\n### 2. Lấy địa chỉ của file\n\n1. Trong tệp thiết kế Figma của bạn, nhấp vào nút **Share** ở thanh trên cùng, sau đó nhấp vào **🔗 Copy link**\n\n\n\n## Sử dụng CLI\n\nSử dụng CLI rất đơn giản, chỉ cần cài đặt gói và chạy công cụ CLI.\n\n### Từ PyPi\n\nBạn có thể sử dụng lệnh dưới đây để kiểm tra bằng cách thay thế $FILE_URL và $FIGMA_TOKEN bằng dữ liệu của bạn. Nếu bạn chưa có mã thông báo và liên kết, vui lòng tham khảo phần [**Các thông tin cần nhập**](#using-1).\n\n``` bash\npip install tkdesigner\n\ntkdesigner $FILE_URL $FIGMA_TOKEN\n```\n\n### Từ mã nguồn\n\nĐể sử dụng CLI từ mã nguồn, bạn cần sao chép kho mã và sau đó làm theo các hướng dẫn dưới đây.\n\nBạn có thể sử dụng lệnh dưới đây để kiểm tra bằng cách thay thế $FILE_URL và $FIGMA_TOKEN bằng dữ liệu của bạn. Nếu bạn chưa có mã thông báo và liên kết, vui lòng tham khảo phần [**Các thông tin cần nhập**](#using-1).\n\n```bash\n$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN\n\n# To learn more about how to use the cli, pass the --help flag\n$ python -m tkdesigner --help\n```\n\n### Kết quả\n\nMặc định, mã GUI sẽ được ghi vào tệp build/gui.py. Bạn có thể chỉ định đường dẫn đầu ra bằng cách sử dụng cờ `-o` và cung cấp đường dẫn.\n\nĐể chạy GUI đã tạo, hãy di chuyển đến thư mục bạn đã xây dựng (ví dụ: build/) và chạy nó như bất kỳ GUI Tkinter nào khác.\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## Sử dụng giao diện người dùng đồ họa (GUI)\n\n### Mở Tkinter Designer trước khi làm các bước sau\n\n
\n\n1. Mở giao diện người dùng Tkinter Designer bằng cách:\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. Dán *mã truy cập cá nhân* của bạn vào ô **Token ID** trong Tkinter Designer.\n3. Dán liên kết vào ô **File URL** trong Tkinter Designer.\n4. Nhấp vào ô **Output Path** để mở trình duyệt tệp.\n5. Chọn một đường dẫn đầu ra và nhấp vào **Select Folder**.\n6. Nhấn **Generate**.\n\nCác tệp kết quả từ Tkinter Designer sẽ được đặt trong thư mục đã chọn của bạn, trong một thư mục mới có tên là **build**. Chúc mừng bạn đã tạo thành công giao diện Tkinter của bạn bằng Tkinter Designer!\n\n

\n\n\n\n# Gỡ lỗi [[Trở lại đầu trang](#table-of-contents)]\n\n- Các phần tử không hiển thị? Bị đặt sai vị trí?\n - Vui lòng đảm bảo rằng tệp Figma của bạn đã đặt tên các phần tử của nó đúng cách. * Xem [Định dạng thiết kế Figma của bạn, §1](#formatting-1)\n\n- Nút có màu nền xám không đúng ý?\n - Hãy đảm bảo bạn đã thêm một hình chữ nhật phía sau phần tử nút của bạn và màu sắc Fill của nó giống với màu nền.\n\n- Các phần tử không chính xác?\n - Hãy đảm bảo bạn đã đặt tên các phần tử của mình đúng cách trong Figma.\n - Xem [Định dạng thiết kế Figma của bạn, §1](#formatting-1)\n\n- Cửa sổ lớn hơn màn hình?\n - Giảm kích thước các phần tử trong Figma.\n\n- Không tạo ra các tệp?\n - Khởi động lại Tkinter Designer.\n - Kiểm tra lại mã thông báo và liên kết.\n - Đảm bảo thiết kế của bạn có một khung (Frame).\n\n- Có vấn đề khác?\n - [Báo cáo vấn đề không được liệt kê tại đây trên GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)" }, { "path": "docs/instructions.zh-CN.md", "content": "# 如何使用 Tkinter Designer\n___\n\n## 目录\n\n1. [**入门**](#getting-started-1)\n 1. [安装Python](#getting-started-1)\n 2. [Install Tkinter Designer](#getting-started-2)\n 3. [做一个 Figma Account](#getting-started-3)\n\n2. [**格式化你的 Figma Design**](#formatting-1)\n 1. [参考](#formatting-1)\n 2. [元素指南](#formatting-2)\n\n3. [**使用 Tkinter Designer**](#Using-Tkinter-Designer)\n 1. [Personal Access Token](#using-1)\n 2. [File URL](#using-2)\n 3. [使用命令行](#using-cli)\n 4. [使用图形界面](#using-gui)\n\n4. [**故障排除**](#Troubleshooting)\n\n

\n\n# 入门 [[Top](#目录)]\n\n\n\n## 1.安装Python\n\n在使用 Tkinter Designer 之前，您需要安装 Python。\n- [这是 Python 下载页面的链接。](https://www.python.org/downloads) \n- [这是在各种操作系统上安装 Python 的有用指南。](https://wiki.python.org/moin/BeginnersGuide/Download)\n\n*在本指南的后面部分，您将使用 Python 包安装程序 (pip)，这可能需要您将 Python 添加到系统 PATH 中。*\n\n___\n
\n\n\n\n## 2. 安装 Tkinter 设计器\n\n安装 Python 后，您可以从 [官方存储库](https://github.com/ParthJadhav/Tkinter-Designer) 下载 Tkinter Designer。\n\n在右侧边栏上，单击最新版本，然后在 **Assets** 下，选择 `tkinter_designer.exe`。 下载完可执行文件后，您就可以运行程序了！\n\n*要从源代码运行 Tkinter Designer，请按照以下说明进行操作。*\n\n1. 通过手动下载或使用 git 下载 Tkinter Designer 的源文件：-\n\n ` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `\n\n2. 将您的工作目录更改为 Tkinter Designer。\n\n `cd Tkinter-Designer`\n\n3. 通过运行安装必要的依赖项\n\n `pip install -r requirements.txt`\n\n 安装必要的依赖项\n\n - 如果 pip 不起作用，还可以尝试以下命令：\n - `pip3 install -r requirements.txt`\n - `python -m pip install -r requirements.txt`\n - `python3 -m pip install -r requirements.txt`\n - 如果这仍然不起作用，请确保将 Python 添加到 PATH。\n \n 这将安装所有要求和 Tkinter Designer。 在使用 Tkinter Designer 之前，您需要按照以下说明创建 Figma 文件。\n\n 如果您已经创建了文件，请跳至 [**Using Tkinter Designer**](#使用-Tkinter-Designer) 部分。\n\n___\n
\n\n\n\n## 3. 创建一个 Figma 帐户\n\n1. 在网页浏览器中，导航至 [figma.com](https://www.figma.com/) 并点击“注册”\n2. 输入您的信息并验证您的电子邮件\n3. 创建一个新的 Figma Design 文件\n4. 开始制作你的 GUI\n - 下一节介绍 Tkinter 设计器输入所需的格式。\n - [这是面向初学者的官方 Figma 教程系列。](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)\n - [这是 Figma 的官方 YouTube 频道。](https://www.youtube.com/c/Figmadesign/featured)\n - [这是 Figma 帮助中心。](https://help.figma.com/hc/en-us)\n\n

\n\n\n\n# 格式化你的 Figma 设计[[Top](#目录)]\n\n## 1. 参考\n\n
\n\n### 命名很重要\n\n| Figma 元素名称 | Tkinter 元素 |\n| --- | --- |\n| Button | Button |\n| Line | Line |\n| Rectangle | Rectangle |\n| TextArea | Text Area |\n| TextBox | Entry |\n| Image | Canvas.Image() |\n\n
\n\nTkinter Designer 生成的代码基于 Figma 设计中的元素名称，因此，您需要相应地命名元素。 在 Figma 中，通过在“图层”面板中双击元素来重命名元素。\n\n___\n
\n\n\n\n## 2. 元素指南\n\n
\n\n1. **首先，创建一个框架作为您的 Tkinter 窗口。**\n

\n\n2. **添加图片**\n - 可以使用形状和/或图像创建图像\n - 如果您使用多个形状/图像，您必须通过选择它们并按 CTRL/⌘ 将它们组合在一起。 + G\n - 在此之后将元素或组命名为“Image”。\n

\n\n3. **文本（普通文本）**\n - 使用 T 键激活文本工具，然后根据需要添加文本\n - 在 Tkinter Designer 中使用时不必重命名文本\n - 明确按下 Return 或 Enter 键移动到下一行。\n

\n\n4. **输入（单行用户输入）**\n - 使用 R 激活矩形工具\n - 根据您的喜好调整矩形\n - 确保矩形命名为“TextBox”\n

\n\n5. **文本区域（多行用户输入）**\n - 使用 R 激活矩形工具\n - 根据您的喜好调整矩形\n - 确保矩形命名为“TextArea”\n

\n\n6. **矩形**\n - 使用 R 激活矩形工具\n - 根据您的喜好调整矩形\n - 确保矩形被命名为“Rectangle”\n

\n\n7. **按钮**\n - 添加一个元素作为 GUI 中的按钮\n - *可选：为按钮添加文本*\n - 在按钮下方的图层上创建一个矩形\n - 更改矩形的颜色以匹配背景\n - 选择按钮、矩形和任何可选文本，然后将它们与CTRL/⌘ + G\n - 将组命名为“Button”\n\n

\n\n\n\n# 使用 Tkinter Designer [[Top](#目录)]\n\n
\n\n\n\n## 1. 个人访问令牌\n\n1. 登录您的 Figma 帐户\n2. 导航到设置\n3. 在 **Account** 选项卡中，向下滚动到 **Personal access tokens**\n4. 在条目表单中输入您的访问令牌的名称，然后按 Enter\n5. 您的个人访问令牌将被创建。\n - 复制此令牌并将其保存在安全的地方。\n - **您将不会再有机会复制此令牌。**\n6. 将您的个人访问令牌粘贴到 Tkinter Designer 中的 **Token ID** 表单中\n\n___\n
\n\n\n\n## 2. 文件地址\n\n1. 在您的 Figma 设计文件中，单击顶部栏中的 **Share** 按钮，然后单击 **🔗 复制链接**\n2. 将链接粘贴到 Tkinter Designer 中的 **File URL** 表单中\n\n___\n
\n\n\n\n## 使用 CLI\n\n使用 CLI 就像安装软件包和运行 CLI 工具一样简单。\n\n您可以通过将 $YOUR_FIGMA_TOKEN 替换为您生成的 Figma Personal Access Token 来使用以下命令作为测试。 如果您还没有获得令牌，请参阅 [**Required Inputs Section**](#using-1) 。\n\n```bash\n# 示例数据\n$ python -m tkdesigner.cli https://www.figma.com/file/WVLnulVsI177tvnxSdqOUZ/Untitled?node-id=0%3A1 $YOUR_FIGMA_TOKEN -f\n# 要了解有关如何使用 cli 的更多信息，请传递 --help 标志\n$ python -m tkdesigner.cli --help\n```\n\n默认情况下，GUI 代码将写入 build/gui.py。\n要运行生成的 GUI，请 cd 进入您构建它的目录（例如 build/）并像运行任何 Tkinter GUI 一样运行它。\n\n```bash\ncd build\npython3 gui.py\n```\n\n\n\n## 使用 GUI\n\n
\n1.打开TKinter Designer\n\n```\ncd Tkinter-Designer\ncd gui\npython3 gui.py\n```\n\n2. 将您的 *个人访问令牌* 粘贴到 Tkinter Designer 中的 **令牌 ID** 表单中\n3. 将链接粘贴到 Tkinter Designer 中的 **File URL** 表单中\n4. 单击**输出路径**表单打开文件浏览器\n5. 选择一个输出路径并点击**Select Folder**\n6. 按**生成**\n\nTkinter Designer 的输出文件将放置在您选择的目录中，位于名为 **build** 的新文件夹中。 恭喜，您现在已经使用 Tkinter Designer 创建了您的 Tkinter GUI！\n\n\n\n# 故障排除 [[Top](#目录)]\n\n- 元素不可见？ 放错地方了？\n - 请确保您的 Figma 文件具有正确命名的元素。 * 请参阅 [格式化您的 Figma 设计，§1](#formatting-1)\n\n- 按钮有意外的灰色背景？\n - 确保您在按钮元素后面添加了一个矩形，并且其填充颜色与背景的相同\n\n- 不正确的元素？\n - 确保您在 Figma 中正确命名了元素\n - 请参阅 [格式化您的 Figma 设计，§1](#formatting-1)\n\n- 窗口比屏幕大？\n - 减少 Figma 中元素的大小\n\n- 文件没有生成？\n - 重启 Tkinter 设计器\n - 仔细检查令牌和 URL\n - 确保你的设计有一个框架\n\n- 还有什么？\n - [报告未在 GitHub 上列出的问题](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)\n" }, { "path": "gui/__init__.py", "content": "" }, { "path": "gui/gui.py", "content": "import webbrowser\nimport re\nimport sys\nimport os\nimport tkinter as tk\nimport tkinter.messagebox as tk1\nimport tkinter.filedialog\nfrom pathlib import Path\n\n# Add tkdesigner to path\nsys.path.insert(0, str(Path(__file__).resolve().parent.parent))\ntry:\n from tkdesigner.designer import Designer\nexcept ModuleNotFoundError:\n raise RuntimeError(\"Couldn't add tkdesigner to the PATH.\")\n\n\n# Path to asset files for this GUI window.\nASSETS_PATH = Path(__file__).resolve().parent / \"assets\"\n\n# Required in order to add data files to Windows executable\npath = getattr(sys, '_MEIPASS', os.getcwd())\nos.chdir(path)\n\noutput_path = \"\"\n\n\ndef btn_clicked():\n token = token_entry.get()\n URL = URL_entry.get()\n output_path = path_entry.get()\n output_path = output_path.strip()\n\n if not token:\n tk.messagebox.showerror(\n title=\"Empty Fields!\", message=\"Please enter Token.\")\n return\n if not URL:\n tk.messagebox.showerror(\n title=\"Empty Fields!\", message=\"Please enter URL.\")\n return\n if not output_path:\n tk.messagebox.showerror(\n title=\"Invalid Path!\", message=\"Enter a valid output path.\")\n return\n\n match = re.search(\n r'https://www.figma.com/(file|design)/([0-9A-Za-z]+)', URL.strip())\n if match is None:\n tk.messagebox.showerror(\n \"Invalid URL!\", \"Please enter a valid file URL.\")\n return\n\n file_key = match.group(2).strip()\n token = token.strip()\n output = Path(f\"{output_path}/build\").expanduser().resolve()\n\n if output.exists() and not output.is_dir():\n tk1.showerror(\n \"Exists!\",\n f\"{output} already exists and is not a directory.\\n\"\n \"Enter a valid output directory.\")\n elif output.exists() and output.is_dir() and tuple(output.glob('*')):\n response = tk1.askyesno(\n \"Continue?\",\n f\"Directory {output} is not empty.\\n\"\n \"Do you want to continue and overwrite?\")\n if not response:\n return\n\n designer = Designer(token, file_key, output)\n designer.design()\n\n tk.messagebox.showinfo(\n \"Success!\", f\"Project successfully generated at {output}.\")\n\n\ndef select_path():\n global output_path\n\n output_path = tk.filedialog.askdirectory()\n path_entry.delete(0, tk.END)\n path_entry.insert(0, output_path)\n\n\ndef know_more_clicked(event):\n instructions = (\n \"https://github.com/ParthJadhav/Tkinter-Designer/\"\n \"blob/master/docs/instructions.md\")\n webbrowser.open_new_tab(instructions)\n\n\ndef make_label(master, x, y, h, w, *args, **kwargs):\n f = tk.Frame(master, height=h, width=w)\n f.pack_propagate(0) # don't shrink\n f.place(x=x, y=y)\n\n label = tk.Label(f, *args, **kwargs)\n label.pack(fill=tk.BOTH, expand=1)\n\n return label\n\n\nwindow = tk.Tk()\nlogo = tk.PhotoImage(file=ASSETS_PATH / \"iconbitmap.gif\")\nwindow.call('wm', 'iconphoto', window._w, logo)\nwindow.title(\"Tkinter Designer\")\n\nwindow.geometry(\"862x519\")\nwindow.configure(bg=\"#3A7FF6\")\ncanvas = tk.Canvas(\n window, bg=\"#3A7FF6\", height=519, width=862,\n bd=0, highlightthickness=0, relief=\"ridge\")\ncanvas.place(x=0, y=0)\ncanvas.create_rectangle(431, 0, 431 + 431, 0 + 519, fill=\"#FCFCFC\", outline=\"\")\n\ntext_box_bg = tk.PhotoImage(file=ASSETS_PATH / \"TextBox_Bg.png\")\ntoken_entry_img = canvas.create_image(650.5, 167.5, image=text_box_bg)\nURL_entry_img = canvas.create_image(650.5, 248.5, image=text_box_bg)\nfilePath_entry_img = canvas.create_image(650.5, 329.5, image=text_box_bg)\n\ntoken_entry = tk.Entry(bd=0, bg=\"#F6F7F9\",fg=\"#000716\", highlightthickness=0)\ntoken_entry.place(x=490.0, y=137+25, width=321.0, height=35)\ntoken_entry.focus()\n\nURL_entry = tk.Entry(bd=0, bg=\"#F6F7F9\", fg=\"#000716\", highlightthickness=0)\nURL_entry.place(x=490.0, y=218+25, width=321.0, height=35)\n\npath_entry = tk.Entry(bd=0, bg=\"#F6F7F9\", fg=\"#000716\", highlightthickness=0)\npath_entry.place(x=490.0, y=299+25, width=321.0, height=35)\n\npath_picker_img = tk.PhotoImage(file = ASSETS_PATH / \"path_picker.png\")\npath_picker_button = tk.Button(\n image = path_picker_img,\n text = '',\n compound = 'center',\n fg = 'white',\n borderwidth = 0,\n highlightthickness = 0,\n command = select_path,\n relief = 'flat')\n\npath_picker_button.place(\n x = 783, y = 319,\n width = 24,\n height = 22)\n\ncanvas.create_text(\n 490.0, 156.0, text=\"Token ID\", fill=\"#515486\",\n font=(\"Arial-BoldMT\", int(13.0)), anchor=\"w\")\ncanvas.create_text(\n 490.0, 234.5, text=\"File URL\", fill=\"#515486\",\n font=(\"Arial-BoldMT\", int(13.0)), anchor=\"w\")\ncanvas.create_text(\n 490.0, 315.5, text=\"Output Path\",\n fill=\"#515486\", font=(\"Arial-BoldMT\", int(13.0)), anchor=\"w\")\ncanvas.create_text(\n 646.5, 428.5, text=\"Generate\",\n fill=\"#FFFFFF\", font=(\"Arial-BoldMT\", int(13.0)))\ncanvas.create_text(\n 573.5, 88.0, text=\"Enter the details.\",\n fill=\"#515486\", font=(\"Arial-BoldMT\", int(22.0)))\n\ntitle = tk.Label(\n text=\"Welcome to Tkinter Designer\", bg=\"#3A7FF6\",\n fg=\"white\",justify=\"left\", font=(\"Arial-BoldMT\", int(20.0)))\ntitle.place(x=20.0, y=120.0)\ncanvas.create_rectangle(25, 160, 33 + 60, 160 + 5, fill=\"#FCFCFC\", outline=\"\")\n\ninfo_text = tk.Label(\n text=\"Tkinter Designer uses the Figma API\\n\"\n \"to analyse a design file, then creates\\n\"\n \"the respective code and files needed\\n\"\n \"for your GUI.\\n\\n\"\n\n \"Even this GUI was created\\n\"\n \"using Tkinter Designer.\",\n bg=\"#3A7FF6\", fg=\"white\", justify=\"left\",\n font=(\"Georgia\", int(16.0)))\n\ninfo_text.place(x=20.0, y=200.0)\n\nknow_more = tk.Label(\n text=\"Click here for instructions\",\n bg=\"#3A7FF6\", fg=\"white\",justify=\"left\", cursor=\"hand2\")\nknow_more.place(x=20, y=400)\nknow_more.bind('', know_more_clicked)\n\ngenerate_btn_img = tk.PhotoImage(file=ASSETS_PATH / \"generate.png\")\ngenerate_btn = tk.Button(\n image=generate_btn_img, borderwidth=0, highlightthickness=0,\n command=btn_clicked, relief=\"flat\")\ngenerate_btn.place(x=557, y=401, width=180, height=55)\n\nwindow.resizable(False, False)\nwindow.mainloop()\n" }, { "path": "pyproject.toml", "content": "[tool.poetry]\nname = \"tkdesigner\"\nversion = \"1.0.6\"\ndescription = \"CLI Package for Tkinter-Designer\"\nauthors = [\"ParthJadhav \"]\nlicense = \"BSD-3-Clause\"\nreadme = \"README.md\"\nhomepage = \"https://github.com/ParthJadhav/Tkinter-Designer\"\nrepository = \"https://github.com/ParthJadhav/Tkinter-Designer\"\ndocumentation = \"https://github.com/ParthJadhav/Tkinter-Designer\"\n\nkeywords = [\"tkinter\", \"drag-and-drop\", \"figma\", \"gui\", \"easy\"]\n\nclassifiers = [\n \"Programming Language :: Python :: 3\",\n \"License :: OSI Approved :: BSD License\",\n \"Operating System :: OS Independent\"\n]\n\n[tool.poetry.urls]\n\"Bug Tracker\" = \"https://github.com/ParthJadhav/Tkinter-Designer/issues\"\n\n[tool.poetry.dependencies]\npython = \"^3.8\"\nrequests = \"2.25.1\"\nJinja2 = \"3.0.1\"\nPillow = \"^8.4.0\"\nurllib3 = \"^1.26.6\"\n\n[tool.poetry.dev-dependencies]\npytest = \"^6.2.4\"\nflake8 = \"^3.9.2\"\npylint = \"^2.9.6\"\n\n[tool.poetry.scripts]\ntkdesigner = 'tkdesigner.cli:main'\n\n[[tool.poetry.source]]\nname = \"tkdesigner\"\nurl = \"https://test.pypi.org/project/tkdesigner/\"\ndefault = false\nsecondary = false\n\n[build-system]\nrequires = [\"poetry-core>=1.0.0\"]\nbuild-backend = \"poetry.core.masonry.api\"\n" }, { "path": "requirements.txt", "content": "certifi==2021.5.30\nchardet==4.0.0\nidna==2.10\njinja2==3.0.1\nmarkupsafe==2.0.1\nPillow >= 10.1\nrequests==2.25.1\nurllib3==1.26.6\n" }, { "path": "tests/test_utils.py", "content": "import os\nfrom tkdesigner.constants import ASSETS_PATH\nfrom tkdesigner.utils import find_between, download_image\n\n\ndef test_assets_path():\n assert ASSETS_PATH == \"./assets\"\n\n\ndef test_find_between():\n assert find_between(\"abcdefg\", \"c\", \"g\") == \"def\"\n assert find_between(\"http://someurl.com/?q=somequery\",\n \"/\",\n \"?\"\n ) == \"/someurl.com/\"\n\n\ndef test_download_image():\n url = \"https://www.python.org/static/opengraph-icon-200x200.png\"\n download_image(url, \"test.png\")\n assert os.path.exists(\"test.png\")\n os.remove(\"test.png\")\n" }, { "path": "tkdesigner/__init__.py", "content": "" }, { "path": "tkdesigner/cli.py", "content": "\"\"\"\nTKinter Designer command-line interface.\n\"\"\"\n\nfrom tkdesigner.designer import Designer\n\nimport re\nimport os\nimport logging\nimport argparse\n\nfrom pathlib import Path\n\n\nif int(os.getenv(\"TKDESIGNER_VERBOSE\", 0)) == 1:\n log_level = logging.INFO\nelse:\n log_level = logging.WARN\n\nlogging.basicConfig(level=log_level)\n\n\ndef main():\n parser = argparse.ArgumentParser(\n description=\"Generate TKinter GUI code from Figma design.\")\n\n parser.add_argument(\n \"-o\", \"--output\", type=str, default=\".\",\n help=(\n \"Folder to output code and image assets to. \"\n \"Defaults to current working directory.\"))\n parser.add_argument(\n \"-f\", \"--force\", action=\"store_true\",\n help=(\n \"If this flag is passed in, the output directory given \"\n \"will be overwritten if it exists.\"))\n\n parser.add_argument(\n \"file_url\", type=str, help=\"File url of the Figma design.\")\n parser.add_argument(\"token\", type=str, help=\"Figma token.\")\n\n args = parser.parse_args()\n\n logging.basicConfig()\n logging.info(f\"args: {args}\")\n\n match = re.search(\n r'https://www.figma.com/(file|design)/([0-9A-Za-z]+)', args.file_url.split(\"?\")[0])\n if match is None:\n raise ValueError(\"Invalid file URL.\")\n\n file_key = match.group(2).strip()\n token = args.token.strip()\n output_path = Path(args.output.strip()).expanduser().resolve() / \"build\"\n\n if output_path.exists() and not output_path.is_dir():\n raise RuntimeError(\n f\"`{output_path}` already exists and is not a directory.\\n\"\n \"Hints: Input a different output directory \"\n \"or remove that existing file.\")\n elif output_path.exists() and output_path.is_dir():\n if tuple(output_path.glob('*')) and not args.force:\n print(f\"Directory `{output_path}` already exists.\")\n response = input(\"Do you want to continue and overwrite? [N/y] \")\n if response.lower().strip() != \"y\":\n print(\"Aborting!\")\n exit(-1)\n\n designer = Designer(token, file_key, output_path)\n designer.design()\n print(f\"\\nProject successfully generated at {output_path}.\\n\")\n\n\nif __name__ == \"__main__\":\n main()\n" }, { "path": "tkdesigner/conftest.py", "content": "" }, { "path": "tkdesigner/constants.py", "content": "# Path to assets directory (i.e. images) relative to the output directory.\nASSETS_PATH = \"./assets\"\n" }, { "path": "tkdesigner/designer.py", "content": "import tkdesigner.figma.endpoints as endpoints\nfrom tkdesigner.figma.frame import Frame\n\nfrom tkdesigner.template import TEMPLATE\n\nfrom pathlib import Path\n\nclass Designer:\n def __init__(self, token, file_key, output_path: Path):\n self.output_path = output_path\n self.figma_file = endpoints.Files(token, file_key)\n self.file_data = self.figma_file.get_file()\n self.frameCounter = 0\n\n def to_code(self) -> str:\n \"\"\"Return main code.\n \"\"\"\n frames = [];\n for f in self.file_data[\"document\"][\"children\"][0][\"children\"]:\n try:\n frame = Frame(f, self.figma_file, self.output_path, self.frameCounter)\n except Exception:\n raise Exception(\"Frame not found in figma file or is empty\")\n frames.append(frame.to_code(TEMPLATE))\n self.frameCounter += 1\n return frames\n\n\n def design(self):\n \"\"\"Write code and assets to the specified directories.\n \"\"\"\n code = self.to_code()\n for index in range(len(code)):\n # tutorials on youtube mention `python3 gui.py` added the below check to keep them valid\n if (index == 0):\n self.output_path.joinpath(\"gui.py\").write_text(code[index], encoding='UTF-8')\n else:\n self.output_path.joinpath(f\"gui{index}.py\").write_text(code[index], encoding='UTF-8')\n" }, { "path": "tkdesigner/figma/README.md", "content": "Python representation of Figma nodes.\n\n## References\n- " }, { "path": "tkdesigner/figma/__init__.py", "content": "" }, { "path": "tkdesigner/figma/custom_elements.py", "content": "from .vector_elements import Vector, Rectangle\n\nTEXT_INPUT_ELEMENT_TYPES = {\n \"TextArea\": \"Text\",\n \"TextBox\": \"Entry\"\n}\nposition_id_map ={}\n\n\nclass Button(Rectangle):\n def __init__(self, node, frame, image_path, *, id_):\n super().__init__(node, frame)\n self.image_path = image_path\n self.id_ = id_\n position_id_map[(self.x, self.y)] = self.id_\n\n def to_code(self):\n return f\"\"\"\nbutton_image_{self.id_} = PhotoImage(\n file=relative_to_assets(\"{self.image_path}\"))\nbutton_{self.id_} = Button(\n image=button_image_{self.id_},\n borderwidth=0,\n highlightthickness=0,\n command=lambda: print(\"button_{self.id_} clicked\"),\n relief=\"flat\"\n)\nbutton_{self.id_}.place(\n x={self.x},\n y={self.y},\n width={self.width},\n height={self.height}\n)\n\"\"\"\n\n#EXPERIMENTAL FEATURE\nclass ButtonHover(Rectangle):\n def __init__(self, node, frame, image_path):\n super().__init__(node, frame)\n self.image_path = image_path\n\n if((self.x, self.y) in position_id_map):\n self.id_ = position_id_map[(self.x, self.y)]\n else:\n print(\n f\"`ButtonHover` element must be placed on top of Button element with the same position.\\n\"\n \"`ButtonHover` element will not be rendered\") \n\n def to_code(self):\n if((self.x, self.y) in position_id_map):\n return f\"\"\"\nbutton_image_hover_{self.id_} = PhotoImage(\n file=relative_to_assets(\"{self.image_path}\"))\n\ndef button_{self.id_}_hover(e):\n button_{self.id_}.config(\n image=button_image_hover_{self.id_}\n )\ndef button_{self.id_}_leave(e):\n button_{self.id_}.config(\n image=button_image_{self.id_}\n )\n\nbutton_{self.id_}.bind('', button_{self.id_}_hover)\nbutton_{self.id_}.bind('', button_{self.id_}_leave)\n\n\"\"\"\n else:\n return \"\"\n\n\nclass Text(Vector):\n def __init__(self, node, frame):\n super().__init__(node)\n\n self.x, self.y = self.position(frame)\n self.width, self.height = self.size()\n\n self.text_color = self.color()\n self.font, self.font_size = self.font_property()\n self.text = self.characters.replace(\"\\n\", \"\\\\n\")\n\n @property\n def characters(self) -> str:\n string: str = self.node.get(\"characters\")\n text_case: str = self.style.get(\"textCase\", \"ORIGINAL\")\n\n if text_case == \"UPPER\":\n string = string.upper()\n elif text_case == \"LOWER\":\n string = string.lower()\n elif text_case == \"TITLE\":\n string = string.title()\n\n return string\n\n @property\n def style(self):\n # TODO: Native conversion\n return self.node.get(\"style\")\n\n @property\n def character_style_overrides(self):\n return self.node.get(\"characterStyleOverrides\")\n\n @property\n def style_override_table(self):\n # TODO: Native conversion\n return self.node.get(\"styleOverrideTable\")\n\n def font_property(self):\n style = self.node.get(\"style\")\n\n font_name = style.get(\"fontPostScriptName\")\n if font_name is None:\n font_name = style[\"fontFamily\"]\n\n font_name = font_name.replace('-', ' ')\n font_size = style[\"fontSize\"]\n return font_name, font_size\n\n def to_code(self):\n return f\"\"\"\ncanvas.create_text(\n {self.x},\n {self.y},\n anchor=\"nw\",\n text=\"{self.text}\",\n fill=\"{self.text_color}\",\n font=(\"{self.font}\", {int(self.font_size)} * -1)\n)\n\"\"\"\n\n\nclass Image(Vector):\n def __init__(self, node, frame, image_path, *, id_):\n super().__init__(node)\n\n self.x, self.y = self.position(frame)\n\n width, height = self.size()\n self.x += width // 2\n self.y += height // 2\n\n self.image_path = image_path\n self.id_ = id_\n\n def to_code(self):\n return f\"\"\"\nimage_image_{self.id_} = PhotoImage(\n file=relative_to_assets(\"{self.image_path}\"))\nimage_{self.id_} = canvas.create_image(\n {self.x},\n {self.y},\n image=image_image_{self.id_}\n)\n\"\"\"\n\n\nclass TextEntry(Vector):\n def __init__(self, node, frame, image_path, *, id_):\n super().__init__(node)\n\n self.id_ = id_\n self.image_path = image_path\n\n self.x, self.y = self.position(frame)\n width, height = self.size()\n self.x += width / 2\n self.y += height / 2\n\n self.bg_color = self.color()\n\n corner_radius = self.get(\"cornerRadius\", 0)\n corner_radius = min(corner_radius, height / 2)\n self.entry_width = width - (corner_radius * 2)\n self.entry_height = height - 2\n\n self.entry_x, self.entry_y = self.position(frame)\n self.entry_x += corner_radius\n\n self.entry_type = TEXT_INPUT_ELEMENT_TYPES.get(self.get(\"name\"))\n\n def to_code(self):\n return f\"\"\"\nentry_image_{self.id_} = PhotoImage(\n file=relative_to_assets(\"{self.image_path}\"))\nentry_bg_{self.id_} = canvas.create_image(\n {self.x},\n {self.y},\n image=entry_image_{self.id_}\n)\nentry_{self.id_} = {self.entry_type}(\n bd=0,\n bg=\"{self.bg_color}\",\n fg=\"#000716\",\n highlightthickness=0\n)\nentry_{self.id_}.place(\n x={self.entry_x},\n y={self.entry_y},\n width={self.entry_width},\n height={self.entry_height}\n)\n\"\"\"\n" }, { "path": "tkdesigner/figma/endpoints.py", "content": "\"\"\"Utility classes and functions for Figma API endpoints.\n\"\"\"\nimport requests\n\n\nclass Files:\n \"\"\"https://www.figma.com/developers/api#files-endpoints\n \"\"\"\n\n API_ENDPOINT_URL = \"https://api.figma.com/v1\"\n\n def __init__(self, token, file_key):\n self.token = token\n self.file_key = file_key\n\n def __str__(self):\n return f\"Files {{ Token: {self.token}, File: {self.file_key} }}\"\n\n def get_file(self) -> dict:\n try:\n response = requests.get(\n f\"{self.API_ENDPOINT_URL}/files/{self.file_key}\",\n headers={\"X-FIGMA-TOKEN\": self.token}\n )\n except ValueError:\n raise RuntimeError(\n \"Invalid Input. Please check your input and try again.\")\n except requests.ConnectionError:\n raise RuntimeError(\n \"Tkinter Designer requires internet access to work.\")\n else:\n return response.json()\n\n def get_image(self, item_id) -> str:\n response = requests.get(\n f\"{self.API_ENDPOINT_URL}/images/{self.file_key}?ids={item_id}&scale=2\",\n headers={\"X-FIGMA-TOKEN\": self.token}\n )\n\n return response.json()[\"images\"][item_id]\n" }, { "path": "tkdesigner/figma/frame.py", "content": "from ..constants import ASSETS_PATH\nfrom ..utils import download_image\n\nfrom .node import Node\nfrom .vector_elements import Line, Rectangle, UnknownElement\nfrom .custom_elements import Button, Text, Image, TextEntry, ButtonHover\n\nfrom jinja2 import Template\nfrom pathlib import Path\n\n\nclass Frame(Node):\n def __init__(self, node, figma_file, output_path, frameCount=0):\n super().__init__(node)\n\n self.width, self.height = self.size()\n self.bg_color = self.color()\n\n self.counter = {}\n\n self.figma_file = figma_file\n\n self.output_path: Path = output_path\n self.assets_path: Path = output_path / ASSETS_PATH / f\"frame{frameCount}\"\n\n self.output_path.mkdir(parents=True, exist_ok=True)\n self.assets_path.mkdir(parents=True, exist_ok=True)\n\n self.elements = [\n self.create_element(child)\n for child in self.children\n if Node(child).visible\n ]\n\n def create_element(self, element):\n element_name = element[\"name\"].strip().lower()\n element_type = element[\"type\"].strip().lower()\n\n print(\n \"Creating Element \"\n f\"{{ name: {element_name}, type: {element_type} }}\"\n )\n\n if element_name == \"button\":\n self.counter[Button] = self.counter.get(Button, 0) + 1\n\n item_id = element[\"id\"]\n image_url = self.figma_file.get_image(item_id)\n image_path = (\n self.assets_path / f\"button_{self.counter[Button]}.png\")\n download_image(image_url, image_path)\n\n image_path = image_path.relative_to(self.assets_path)\n\n return Button(\n element, self, image_path, id_=f\"{self.counter[Button]}\")\n\n #EXPERIMENTAL FEATURE \n elif element_name == \"buttonhover\":\n self.counter[ButtonHover] = self.counter.get(ButtonHover, 0) + 1\n\n item_id = element[\"id\"]\n image_url = self.figma_file.get_image(item_id)\n image_path = (\n self.assets_path / f\"button_hover_{self.counter[ButtonHover]}.png\")\n download_image(image_url, image_path)\n\n image_path = image_path.relative_to(self.assets_path)\n\n return ButtonHover(\n element, self, image_path)\n\n elif element_name in (\"textbox\", \"textarea\"):\n self.counter[TextEntry] = self.counter.get(TextEntry, 0) + 1\n\n item_id = element[\"id\"]\n image_url = self.figma_file.get_image(item_id)\n image_path = (\n self.assets_path / f\"entry_{self.counter[TextEntry]}.png\")\n download_image(image_url, image_path)\n\n image_path = image_path.relative_to(self.assets_path)\n\n return TextEntry(\n element, self, image_path, id_=f\"{self.counter[TextEntry]}\")\n\n elif element_name == \"image\":\n self.counter[Image] = self.counter.get(Image, 0) + 1\n\n item_id = element[\"id\"]\n image_url = self.figma_file.get_image(item_id)\n image_path = self.assets_path / f\"image_{self.counter[Image]}.png\"\n download_image(image_url, image_path)\n\n image_path = image_path.relative_to(self.assets_path)\n\n return Image(\n element, self, image_path, id_=f\"{self.counter[Image]}\")\n\n if element_name == \"rectangle\" or element_type == \"rectangle\":\n return Rectangle(element, self)\n\n if element_name == \"line\" or element_type == \"line\":\n return Line(element, self)\n\n elif element_type == \"text\":\n return Text(element, self)\n\n else:\n print(\n f\"Element with the name: `{element_name}` cannot be parsed. \"\n \"Would be displayed as Black Rectangle\")\n return UnknownElement(element, self)\n\n @property\n def children(self):\n # TODO: Convert nodes to Node objects before returning a list of them.\n return self.node.get(\"children\")\n\n def color(self) -> str:\n \"\"\"Returns HEX form of element RGB color (str)\n \"\"\"\n try:\n color = self.node[\"fills\"][0][\"color\"]\n r, g, b, *_ = [int(color.get(i, 0) * 255) for i in \"rgba\"]\n return f\"#{r:02X}{g:02X}{b:02X}\"\n except Exception:\n return \"#FFFFFF\"\n\n def size(self) -> tuple:\n \"\"\"Returns element dimensions as width (int) and height (int)\n \"\"\"\n bbox = self.node[\"absoluteBoundingBox\"]\n width = bbox[\"width\"]\n height = bbox[\"height\"]\n return int(width), int(height)\n\n def to_code(self, template):\n t = Template(template)\n return t.render(\n window=self, elements=self.elements, assets_path=self.assets_path)\n\n\n# Frame Subclasses\n\n\nclass Group(Frame):\n def __init__(self, node):\n super().__init__(node)\n\n\nclass Component(Frame):\n def __init__(self, node):\n super().__init__(node)\n\n\nclass ComponentSet(Frame):\n def __init__(self, node):\n super().__init__(node)\n\n\nclass Instance(Frame):\n def __init__(self, node):\n super().__init__(node)\n\n @property\n def component_id(self) -> str:\n self.node.get(\"componentId\")\n" }, { "path": "tkdesigner/figma/node.py", "content": "class Node:\n def __init__(self, node: dict):\n self.node = node\n\n @property\n def id(self) -> str:\n return self.node.get(\"id\")\n\n @property\n def name(self) -> str:\n return self.node.get(\"name\")\n\n @property\n def visible(self) -> bool:\n \"\"\"Whether or not the node is visible on the canvas.\n \"\"\"\n return self.node.get(\"visible\", True)\n\n @property\n def type(self) -> str:\n return self.node.get(\"type\")\n\n @property\n def plugin_data(self):\n return self.node.get(\"pluginData\")\n\n @property\n def shared_plugin_data(self):\n return self.node.get(\"sharedPluginData\")\n\n def get(self, key, default=None):\n return self.node.get(key, default)\n\n\nclass Document(Node):\n def __init__(self, node, root=\"window\"):\n super().__init__(node)\n self.root = root\n\n @property\n def children(self):\n # TODO: Convert nodes to Node objects before returning a list of them.\n return self.node.get(\"children\")\n\n\nclass Canvas(Node):\n def __init__(self, node):\n super().__init__(node)\n\n @property\n def children(self):\n # TODO: Convert nodes to Node objects before returning a list of them.\n return self.node.get(\"children\")\n\n @property\n def background_color(self):\n return self.node.get(\"backgroundColor\")\n\n @property\n def prototype_start_node_id(self) -> str:\n return self.node.get(\"prototypeStartNodeID\")\n\n @property\n def export_settings(self):\n return self.node.get(\"exportSettings\")\n\n def generate(self):\n return \"\"\n\n\nclass Slice(Node):\n def __init__(self, node):\n super().__init__(node)\n\n @property\n def export_settings(self):\n # TODO: Native conversion\n return self.node.get(\"exportSettings\")\n\n @property\n def absolute_bounding_box(self):\n # TODO: Native conversion\n return self.node.get(\"absoluteBoundingBox\")\n\n @property\n def size(self):\n # TODO: Native conversion\n return self.node.get(\"size\")\n\n @property\n def relative_transform(self):\n # TODO: Native conversion\n return self.node.get(\"relativeTransform\")\n" }, { "path": "tkdesigner/figma/vector_elements.py", "content": "from .node import Node\n\n\nclass Vector(Node):\n def __init__(self, node):\n super().__init__(node)\n\n def color(self) -> str:\n \"\"\"Returns HEX form of element RGB color (str)\n \"\"\"\n try:\n color = self.node[\"fills\"][0][\"color\"]\n r, g, b, *_ = [int(color.get(i, 0) * 255) for i in \"rgba\"]\n return f\"#{r:02X}{g:02X}{b:02X}\"\n except Exception:\n return \"#FFFFFF\"\n\n def size(self):\n bbox = self.node[\"absoluteBoundingBox\"]\n width = bbox[\"width\"]\n height = bbox[\"height\"]\n return width, height\n\n def position(self, frame):\n # Returns element coordinates as x (int) and y (int)\n bbox = self.node[\"absoluteBoundingBox\"]\n x = bbox[\"x\"]\n y = bbox[\"y\"]\n\n frame_bbox = frame.node[\"absoluteBoundingBox\"]\n frame_x = frame_bbox[\"x\"]\n frame_y = frame_bbox[\"y\"]\n\n x = abs(x - frame_x)\n y = abs(y - frame_y)\n return x, y\n\n\nclass Star(Vector):\n def __init__(self, node):\n super().__init__(node)\n\nclass Ellipse(Vector):\n def __init__(self, node):\n super().__init__(node)\n\n\nclass RegularPolygon(Vector):\n def __init__(self, node):\n super().__init__(node)\n\n\nclass Rectangle(Vector):\n def __init__(self, node, frame):\n super().__init__(node)\n self.x, self.y = self.position(frame)\n self.width, self.height = self.size()\n self.fill_color = self.color()\n\n @property\n def corner_radius(self):\n return self.node.get(\"cornerRadius\")\n\n @property\n def rectangle_corner_radii(self):\n return self.node.get(\"rectangleCornerRadii\")\n\n def to_code(self):\n return f\"\"\"\ncanvas.create_rectangle(\n {self.x},\n {self.y},\n {self.x + self.width},\n {self.y + self.height},\n fill=\"{self.fill_color}\",\n outline=\"\")\n\"\"\"\n\n\nclass Line(Rectangle):\n def __init__(self, node, frame):\n super().__init__(node, frame)\n\n def color(self) -> str:\n \"\"\"Returns HEX form of element RGB color (str)\n \"\"\"\n try:\n color = self.node[\"strokes\"][0][\"color\"]\n r, g, b, *_ = [int(color.get(i, 0) * 255) for i in \"rgba\"]\n return f\"#{r:02X}{g:02X}{b:02X}\"\n except Exception:\n return \"#FFFFFF\"\n\n def size(self):\n width, height = super().size()\n return width + self.node[\"strokeWeight\"], height + self.node[\"strokeWeight\"]\n\n def position(self, frame):\n x, y = super().position(frame)\n return x - self.node[\"strokeWeight\"], y - self.node[\"strokeWeight\"]\n\n\nclass UnknownElement(Vector):\n def __init__(self, node, frame):\n super().__init__(node)\n self.x, self.y = self.position(frame)\n self.width, self.height = self.size()\n\n def to_code(self):\n return f\"\"\"\ncanvas.create_rectangle(\n {self.x},\n {self.y},\n {self.x + self.width},\n {self.y + self.height},\n fill=\"#000000\",\n outline=\"\")\n\"\"\"\n" }, { "path": "tkdesigner/template.py", "content": "TEMPLATE = \"\"\"\n# This file was generated by the Tkinter Designer by Parth Jadhav\n# https://github.com/ParthJadhav/Tkinter-Designer\n\n\nfrom pathlib import Path\n\n# from tkinter import *\n# Explicit imports to satisfy Flake8\nfrom tkinter import Tk, Canvas, Entry, Text, Button, PhotoImage\n\n\nOUTPUT_PATH = Path(__file__).parent\nASSETS_PATH = OUTPUT_PATH / Path(r\"{{ assets_path }}\")\n\n\ndef relative_to_assets(path: str) -> Path:\n return ASSETS_PATH / Path(path)\n\n\nwindow = Tk()\n\nwindow.geometry(\"{{ window.width }}x{{ window.height }}\")\nwindow.configure(bg = \"{{ window.bg_color }}\")\n\n\ncanvas = Canvas(\n window,\n bg = \"{{ window.bg_color }}\",\n height = {{ window.height }},\n width = {{ window.width }},\n bd = 0,\n highlightthickness = 0,\n relief = \"ridge\"\n)\n\ncanvas.place(x = 0, y = 0)\n\n\n{%- for element in elements -%}\n {{ element.to_code() }}\n{%- endfor -%}\n\n\nwindow.resizable(False, False)\nwindow.mainloop()\n\n\"\"\"\n" }, { "path": "tkdesigner/utils.py", "content": "\"\"\"\nSmall utility functions.\n\"\"\"\nimport requests\nfrom PIL import Image\nimport io\n\n\ndef find_between(s, first, last):\n try:\n start = s.index(first) + len(first)\n end = s.index(last, start)\n\n return s[start:end]\n except ValueError:\n return \"\"\n\n\ndef download_image(url, image_path):\n response = requests.get(url)\n content = io.BytesIO(response.content)\n im = Image.open(content)\n im = im.resize((im.size[0] // 2, im.size[1] // 2), Image.LANCZOS)\n with open(image_path, \"wb\") as file:\n im.save(file)\n" } ]