Showing preview only (273K chars total). Download the full file or copy to clipboard to get everything.
Repository: ParthJadhav/Tkinter-Designer
Branch: master
Commit: c412b873bdf0
Files: 62
Total size: 256.7 KB
Directory structure:
gitextract_q4iknb3s/
├── .flake8
├── .github/
│ ├── FUNDING.yml
│ ├── ISSUE_TEMPLATE/
│ │ ├── blank-screen-without-any-elements.md
│ │ ├── bug-report.md
│ │ ├── feature-request.md
│ │ └── key-error.md
│ └── workflows/
│ ├── build.yml
│ └── greetings.yml
├── .gitignore
├── CODE_OF_CONDUCT.md
├── LEARN.md
├── LICENSE
├── Makefile
├── README.md
├── docs/
│ ├── CONTRIBUTING.md
│ ├── README.ar-DZ.md
│ ├── README.ban-BAN.md
│ ├── README.fr-FR.md
│ ├── README.gu-GU.md
│ ├── README.hin-HIN.md
│ ├── README.it-IT.md
│ ├── README.kr-KR.md
│ ├── README.mr-MR.md
│ ├── README.pt-BR.md
│ ├── README.ru-RU.md
│ ├── README.spa-SPA.md
│ ├── README.tr-TR.md
│ ├── README.vi-VN.md
│ ├── README.zh-CN.md
│ ├── build.md
│ ├── instructions.ar-DZ.md
│ ├── instructions.ban-BAN.md
│ ├── instructions.fr-FR.md
│ ├── instructions.gu-GU.md
│ ├── instructions.it-IT.md
│ ├── instructions.kr-KR.md
│ ├── instructions.md
│ ├── instructions.pt-BR.md
│ ├── instructions.ru-RU.md
│ ├── instructions.spa-SPA.md
│ ├── instructions.tr-TR.md
│ ├── instructions.vi-VN.md
│ └── instructions.zh-CN.md
├── gui/
│ ├── __init__.py
│ └── gui.py
├── pyproject.toml
├── requirements.txt
├── tests/
│ └── test_utils.py
└── tkdesigner/
├── __init__.py
├── cli.py
├── conftest.py
├── constants.py
├── designer.py
├── figma/
│ ├── README.md
│ ├── __init__.py
│ ├── custom_elements.py
│ ├── endpoints.py
│ ├── frame.py
│ ├── node.py
│ └── vector_elements.py
├── template.py
└── utils.py
================================================
FILE CONTENTS
================================================
================================================
FILE: .flake8
================================================
[flake8]
extend-ignore = E251,E226
max-complexity = 10
max-line-length = 127
================================================
FILE: .github/FUNDING.yml
================================================
# These are supported funding model platforms
github: [parthjadhav]
custom: ["https://paypal.me/parthJadhav22", "https://www.buymeacoffee.com/Parthjadhav"]
================================================
FILE: .github/ISSUE_TEMPLATE/blank-screen-without-any-elements.md
================================================
---
name: Blank Screen without any elements
about: Use this template if you are getting blank screen as output.
title: Blank Screen without any elements
labels: question
assignees: ''
---
How to Fix ?
This issue happens due to Incorrect Naming
Try to fix it by reading the instruction carefully.
If the issue still persists, create an issue with the following details included.
1. Error Message
2. Link to the Figma File
================================================
FILE: .github/ISSUE_TEMPLATE/bug-report.md
================================================
---
name: Report bug
about: use this template to report bugs
title: Report bug
labels: bug
assignees: ''
---
- Briefly describe the bug
- Operating System
- What is the expected behavior?
- Please provide step by step instructions on how to reproduce the bug
================================================
FILE: .github/ISSUE_TEMPLATE/feature-request.md
================================================
---
name: Feature request
about: use this template to request a feature
title: Feature request
labels: enhancement
assignees: ''
---
- Briefly describe your feature request
- What problem is this feature trying to solve?
- How do we know when the feature is complete?
- Is there any possible approach you have thought of? If yes then how?
- Would you like to participate in development of this feature?
================================================
FILE: .github/ISSUE_TEMPLATE/key-error.md
================================================
---
name: Key Error
about: Use this template if you are getting a Key Error in Tkinter Designer.
title: Help
labels: ''
assignees: ''
---
How to Fix ?
A 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.
If the issue still persists, create an issue with the following details included.
1. Error Message
2. Link to the Figma File
================================================
FILE: .github/workflows/build.yml
================================================
name: Test, Build, Release
on:
# Allows for manual triggering and pull requests
# from every branch, including forks.
workflow_dispatch:
pull_request:
push:
branches:
- master
jobs:
# Flake8 & Pytest
lint_and_test:
runs-on: ubuntu-latest
strategy:
matrix:
python-version: [3.8, 3.9]
steps:
- uses: actions/checkout@v2
- name: Set up Python ${{ matrix.python-version }}
uses: actions/setup-python@v2
with:
python-version: ${{ matrix.python-version }}
- name: Lint
run: |
curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python -
source $HOME/.poetry/env
poetry install
# stop the build if there are Python syntax errors or undefined
echo "Flake8 Syntax Error Check"
poetry run flake8 --count --select=E9,F63,F7,F82 --show-source --statistics
# stop the build if the conventions in .flake8 fail
poetry run flake8
- name: Test
run: |
source $HOME/.poetry/env
poetry run pytest
# Publish to Pypi
build_and_release:
runs-on: ubuntu-latest
needs: lint_and_test
if: github.ref == 'refs/heads/master'
steps:
- uses: actions/checkout@v2
with:
fetch-depth: 0 # Gets all tags and repo history
- name: Set up Python
uses: actions/setup-python@v2
with:
python-version: '3.x'
- name: Version & Publish
run: |
curl -sSL https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py | python -
source $HOME/.poetry/env && echo "Poetry directory sourced."
# set version number equal to latest git tag
poetry version $(git tag | tail -1)
# poetry config repositories.testpypi https://test.pypi.org/legacy/
# poetry publish --build -r testpypi -u __token__ -p ${{ secrets.TEST_PYPI_TOKEN }}
poetry publish --build -u __token__ -p ${{ secrets.PYPI_API_TOKEN }}
# - name: Create GitHub Release
# uses: ncipollo/release-action@v1
# with:
# artifacts: "dist/*"
# bodyFile: "README.md"
# token: ${{ secrets.GITHUB_TOKEN }}
================================================
FILE: .github/workflows/greetings.yml
================================================
name: Greetings
on: [pull_request, issues]
jobs:
greeting:
runs-on: ubuntu-latest
permissions:
issues: write
pull-requests: write
steps:
- uses: actions/first-interaction@v1
with:
repo-token: ${{ secrets.GITHUB_TOKEN }}
issue-message: 'Thanks for creating an issue, we are eager to solve it.'
pr-message: 'Thank you for the contribution! Welcome to the Tkinter Designer team. 🎉'
================================================
FILE: .gitignore
================================================
__pycache__/
.DS_Store
.idea/Figma2Py.iml
.idea/inspectionProfiles/profiles_settings.xml
.idea/modules.xml
.idea/vcs.xml
.idea/misc.xml
.idea/workspace.xml
.vscode
build/
dist/
env
resources/
venv/
*.egg-info/
*.spec
================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Contributor Covenant Code of Conduct
## Our Pledge
We as members, contributors, and leaders pledge to make participation in our
community a harassment-free experience for everyone, regardless of age, body
size, visible or invisible disability, ethnicity, sex characteristics, gender
identity and expression, level of experience, education, socio-economic status,
nationality, personal appearance, race, religion, or sexual identity
and orientation.
We pledge to act and interact in ways that contribute to an open, welcoming,
diverse, inclusive, and healthy community.
## Our Standards
Examples of behavior that contributes to a positive environment for our
community include:
* Demonstrating empathy and kindness toward other people
* Being respectful of differing opinions, viewpoints, and experiences
* Giving and gracefully accepting constructive feedback
* Accepting responsibility and apologizing to those affected by our mistakes,
and learning from the experience
* Focusing on what is best not just for us as individuals, but for the
overall community
Examples of unacceptable behavior include:
* The use of sexualized language or imagery, and sexual attention or
advances of any kind
* Trolling, insulting or derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or email
address, without their explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting
## Enforcement Responsibilities
Community leaders are responsible for clarifying and enforcing our standards of
acceptable behavior and will take appropriate and fair corrective action in
response to any behavior that they deem inappropriate, threatening, offensive,
or harmful.
Community leaders have the right and responsibility to remove, edit, or reject
comments, commits, code, wiki edits, issues, and other contributions that are
not aligned to this Code of Conduct, and will communicate reasons for moderation
decisions when appropriate.
## Scope
This Code of Conduct applies within all community spaces, and also applies when
an individual is officially representing the community in public spaces.
Examples of representing our community include using an official e-mail address,
posting via an official social media account, or acting as an appointed
representative at an online or offline event.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at
[Discussions Tab](https://github.com/ParthJadhav/Tkinter-Designer/discussions).
All complaints will be reviewed and investigated promptly and fairly.
All community leaders are obligated to respect the privacy and security of the
reporter of any incident.
## Enforcement Guidelines
Community leaders will follow these Community Impact Guidelines in determining
the consequences for any action they deem in violation of this Code of Conduct:
### 1. Correction
**Community Impact**: Use of inappropriate language or other behavior deemed
unprofessional or unwelcome in the community.
**Consequence**: A private, written warning from community leaders, providing
clarity around the nature of the violation and an explanation of why the
behavior was inappropriate. A public apology may be requested.
### 2. Warning
**Community Impact**: A violation through a single incident or series
of actions.
**Consequence**: A warning with consequences for continued behavior. No
interaction with the people involved, including unsolicited interaction with
those enforcing the Code of Conduct, for a specified period of time. This
includes avoiding interactions in community spaces as well as external channels
like social media. Violating these terms may lead to a temporary or
permanent ban.
### 3. Temporary Ban
**Community Impact**: A serious violation of community standards, including
sustained inappropriate behavior.
**Consequence**: A temporary ban from any sort of interaction or public
communication with the community for a specified period of time. No public or
private interaction with the people involved, including unsolicited interaction
with those enforcing the Code of Conduct, is allowed during this period.
Violating these terms may lead to a permanent ban.
### 4. Permanent Ban
**Community Impact**: Demonstrating a pattern of violation of community
standards, including sustained inappropriate behavior, harassment of an
individual, or aggression toward or disparagement of classes of individuals.
**Consequence**: A permanent ban from any sort of public interaction within
the community.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage],
version 2.0, available at
https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
Community Impact Guidelines were inspired by [Mozilla's code of conduct
enforcement ladder](https://github.com/mozilla/diversity).
[homepage]: https://www.contributor-covenant.org
For answers to common questions about this code of conduct, see the FAQ at
https://www.contributor-covenant.org/faq. Translations are available at
https://www.contributor-covenant.org/translations.
================================================
FILE: LEARN.md
================================================
# Creation Of Tkinter-Designer
## Introduction
Hello everyone, I'm Parth Jadhav. I am a 17 year old student. And I would like to share how I created this repository.
## How does it work?
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.
## How it all started
So, 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.
I 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.
## Discovery & Search
If 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.
I 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.
One 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.
That gave me the idea to use Figma as the external tool for this project.
## First steps
Starting 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.
I 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.
## Creating elements
So 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 :-
- Add Frame Feature
- Add Label Feature
- Add Button Feature
- Add Entry Feature
I 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.
_Psuedocode ahead_
```python
response = requests.get(
"https://www.figma.com/developers/api#files-endpoints + {FileID}"
)
```
The above code would store the response from Figma API in `response` variable. It would have all the data about the file.
```
{
"document": {
"id": "0:0",
"name": "Document",
"type": "DOCUMENT",
"children": [
{
"id": "0:1",
"name": "Page 1",
"type": "CANVAS",
"children": [
{
"id": "0:2",
"name": "Frame 1",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [],
"absoluteBoundingBox": {
"x": 2,
"y": -881,
"width": 219,
"height": 219
},
},
],
]
}
}
```
Here'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.
I 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.
Process :-
1. Write Python code to create the desired element in Tkinter.
Example :-
This is a code to create a Tkinter canvas, I've added some values to it..
```python
canvas = Canvas(
window,
bg = "Blue",
height = 200,
width = 400,
bd = 0,
highlightthickness = 0,
relief = "ridge"
)
```
2. Replace the values of that element with the values from Figma.
Example :-
Here we take that same code and replace the values of the element with the values from Figma.
`bg` -> figma.window.bg_color (Background color of a frame)
`height` -> figma.window.height (Height of a frame)
`width` -> figma.window.width (Width of a frame)
```python
canvas = Canvas(
window,
bg = "{{ figma.window.bg_color }}",
height = {{ figma.window.height }},
width = {{ figma.window.width }},
bd = 0,
highlightthickness = 0,
relief = "ridge"
)
```
3. Write the output code to a Python file.
And once we convert all the elements to Tkinter, we can write the code to a Python file.
```python
def write_text(self, data, encoding=None, errors=None, newline=None):
encoding = io.text_encoding(encoding)
with self.open(mode='w', encoding=encoding, errors=errors, newline=newline) as f:
return f.write(data)
def design(self):
code = self.to_code() #Code is the converted Tkinter code.
self.output_path.joinpath(CODE_FILE_NAME).write_text(code)
```
### Element Identification
In 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.
You 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.
## Finishing up
Once 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.
[piccoloser](https://github.com/piccoloser) was one of the first contributor to this project. He refined and improved the documentation.
[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)
[Jakob Vendegna](https://github.com/jvendegna) helped a lot in CI/CD stuff. He also helped me publish code on PyPi.
That'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.
================================================
FILE: LICENSE
================================================
BSD 3-Clause License
Copyright (c) 2021, Parth Jadhav
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
1. Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
2. Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
3. Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
================================================
FILE: Makefile
================================================
# Makefiles are traditionally for building C projects... Or something, IDK. Whatever.
# They're a great drop in for shared script runners, keeping cmd syntax brief.
# Declare a PHONY target, write the sequence of commands it executes, then chain them together.
# In your shell just run `make lint` to just run flake8 with the options listed.
# or run `make precommit` to run the lint target script and if it successfully exits then the test target script.
# List of phony make targets
.PHONY: test, lint, build, precommit, cli, gui
setup:
poetry install
# run flake8 with these params. E251 and E226 are errors about whitespace around operators.
lint:
poetry run flake8 --ignore=E251,E226 --max-line-length=127
test:
poetry run pytest
# lint and test and build the pypi package
build: lint test
poetry build
# Run this. `make precommit`
precommit: lint test
cli:
poetry run tkdesigner ${FIGMA_PROJECT_URL} ${FIGMA_TOKEN} -f
gui:
poetry run python gui/gui.py
================================================
FILE: README.md
================================================
[](https://bloom.parthjadhav.com)
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h4 align="center" style="margin: 0 auto 0 auto;">Drag & Drop GUI Creator</h4>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<p align="center">
<a href="https://www.producthunt.com/posts/tkinter-designer?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tkinter-designer" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=312995&theme=neutral" alt="Tkinter Designer - No-code solution for Python GUI's | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
</p>
<br>
## Translations
- [简体中文](/docs/README.zh-CN.md)
- [Français](/docs/README.fr-FR.md)
- [ગુજરાતી](/docs/README.gu-GU.md)
- [हिन्दी](/docs/README.hin-HIN.md)
- [Italiano](/docs/README.it-IT.md)
- [عربية](/docs/README.ar-DZ.md)
- [Turkish](/docs/README.tr-TR.md)
- [Brazil](/docs/README.pt-BR.md)
- [Spanish](/docs/README.spa-SPA.md)
- [मराठी](/docs/README.mr-MR.md)
- [Korean](/docs/README.kr-KR.md)
- [Tiếng Việt](/docs/README.vi-VN.md)
- [বাংলা](/docs/README.ban-BAN.md)
- [Русский](/docs/README.ru-RU.md)
___
## 💡 Introduction
Tkinter 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 🍰.
Tkinter Designer uses the Figma API to analyze a design file and create the respective code and files needed for the GUI. Even Tkinter Designer's GUI is created using Tkinter Designer.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 Announcement
### 🎉 Multi frame support is here! 🎉
You can now create multiple frames in a single design file and Tkinter Designer will create the respective code and files for each frame. This is a huge step for Tkinter Designer and I'm really excited to see what you guys create with it.
Feel free to share your creations with the community on [Discord](https://discord.gg/QfE5jMXxJv).
If you encounter any bugs or have any suggestions, please create an issue [here](https://github.com/ParthJadhav/Tkinter-Designer).
## ☄️ Advantages of Tkinter Designer
1. Interfaces with drag and drop.
2. A great deal quicker than writing code by hand
3. Produce more gorgeous interfaces
## ⚡️ Read the instruction here
View the YouTube video or read the instructions below.
<a href="/docs/instructions.md" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041925-64f81f75-8bee-42ac-a234-a93339bc8cdc.png" alt="Instructions" width="180px" ></a>
<a href="https://www.youtube.com/watch?v=Qd-jJjduWeQ" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041927-c94c1a94-c708-44a4-9c81-df83bac686d4.png" alt="Youtube Tutorial" width="180px" ></a>
## 🦋 Supporting Tkinter Designer
Consider making a donation to the Tkinter Designer project if you or your business have benefited from it. This will accelerate Tkinter Designer's development! Making coffee is simple; I'll be happy to enjoy one.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="180" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 Discord server & Linkedin
Click the button below to join the discord server or Linkedin
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="180px" ></a>
<a href="https://www.linkedin.com/in/parthjadhav04" target="_blank"><img src="https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin" alt="Connect on Linkedin" width="180px" height="58"></a>
## 📐 How it Works
The only thing the user needs to do is design an interface with Figma, and then paste the Figma file URL and API token into Tkinter Designer.
Tkinter Designer will automatically generate all the code and images required to create the GUI in Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
## 🎯 Examples
The possibilities are endless with Tkinter Designer, but here are a couple of GUIs that can be perfectly replicated in Tkinter.
<sup>The following are not my creations.</sup>
### HotinGo [(More Info)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(More Info)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(More Info)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357efb89.png">
### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
### Atarbals-Modern-Antivirus [(More Info)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/205285178-74fb46c7-0c36-4fc5-983d-afbaaedb7cb9.png">
## 🔥 Showcase
Please let me know if Tkinter Designer was used to create your app. More illustrations will be
beneficial for other people!
(See: [Contact Me](#-contact-me)) or use [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) section in Discussions.
## 📄 License
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer is licensed under the BSD 3-Clause "New" or "Revised" License.
[View Here.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Permissions | Restrictions | Conditions
| --- | --- | ---
✓ Commercial Use | × Liability | 🛈 License and Copyright Notice
✓ Modification | × Warranty
✓ Distribution
✓ Private Use
## Contribute
All contributions from the open-source community, individuals, and partners are welcomed. Our achievement is a result of your active participation.
[Contributing guidelines](docs/CONTRIBUTING.md)
[Code of conduct](CODE_OF_CONDUCT.md)
[LEARN.md](LEARN.md)
Connect with me on [](https://www.linkedin.com/in/parthjadhav04/)
================================================
FILE: docs/CONTRIBUTING.md
================================================
# Welcome to Tkinter-Designer contributing guide
Thank you for investing your time in contributing to our project!
Read our [Code of Conduct](../CODE_OF_CONDUCT.md) to keep our community approachable and respectable.
In this guide you will get an overview of the contribution workflow from opening an issue, creating a PR, reviewing, and merging the PR.
## New contributor guide
To get an overview of the project, read the [README](../README.md). Here are some resources to help you get started with open source contributions:
- [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)
- [Set up Git](https://docs.github.com/en/get-started/quickstart/set-up-git)
- [GitHub flow](https://docs.github.com/en/get-started/quickstart/github-flow)
- [Collaborating with pull requests](https://docs.github.com/en/github/collaborating-with-pull-requests)
## Getting started
If you find something that can be improved, solved or changed you are welcome to do so.
#### Create a new issue
If 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).
#### Solve an issue
Scan 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.
### Make Changes
Once you find the thing you want to work on.
1. Fork the repository.
2. Create a branch for your changes.
3. Clone and checkout that branch locally.
4. Install dependencies by `pip install -r requirements.txt`
5. Make sure it works as expected.
6. Make the changes.
7. Test the changes.
8. Commit and Push the changes.
9. Create a Pull Request.
### Pull Request
The created Pull request should have a brief description on why and how you made the changes.
### Your PR is merged
Congratulations :tada::tada: Thank you :sparkles:.
Once your PR is merged, your contributions will be publicly visible on the [Tkinter-Designer](https://github.com/ParthJadhav/Tkinter-Designer/).
================================================
FILE: docs/README.ar-DZ.md
================================================
<div dir="rtl">
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;" dir="rtl">إنشاء واجهات المستخدم Tkinter آليًا</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## مقدمة
تم إنشاء Tkinter Designer لتسريع عملية تطوير واجهات المستخدم GUI في Python. يستخدم هذا المشروع برنامج التصميم المعروف [Figma](https://www.figma.com/) لتسهيل علمية تطوير واجهات المستخدم الجميلة GUI.
يستخدم المشروع Figma API لتحليل ملف تصميم وإنشاء الكود والملفات المطلوبة لواجهة المستخدم GUI. حتى واجهة المستخدم هذا المشروع تم إنشاؤها باستخدام Tkinter Designer.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ مزايا Tkinter Designer
1. واجهات drag and drop
2. أسرع بكثير من تطوير الواجهات يديويًا
3. القدرة على إنشاء واجهات أكثر جمالاً
___
## ⚡️ تثبيت واستعمال Tkinter Designer
تحتوي التعليمات على كل المعلومات حول تثبيت واستعمال Tkinter Designer، بالإضافة إلى troubleshooting والإبلاغ عن المشاكل. يوجد أيضًا مقطع فيديو.
### [إقرأ التعليمات](/docs/instructions.ar-DZ.md)
## 🦋 دعم Tkinter Designer
الحياة بدون قهوة، كشيءٍ بلا شيء... آسف، لم أشرب أي قهوة بعد.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
___
<br>
## 🔵 إنضم للDiscord server الرسمي لTkinter Designer
إضغط على الزر أدناه للانضمام الى الdiscord server للمشاركة في النقاشات.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="217px" ></a>
___
<br>
## 📐 كيف يعمل
الشيء الوحيد الذي يحتاجه المستخدم هو تصميم الواجهة باستعمال Figma ثم نسخ URL الملف والtoken إلى Tkinter Designer.
سيقوم Tkinter Designer تلقائيًا بإنشاء الكود والصور المطلوبة لإنشاء واجهة المستخدم في Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 أمثلة
لا حصر لما يمكنك فعله مع Tkinter Designer، ولكن ستجد أدناه بعض الواجهات التي يمكن نسخها بشكل مثالي إلى Tkinter.
<sup>الأمثلة الموالية ليست من إنشائي</sup>
### صفحة تسجيل
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### صفحة علامة تجارية
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### مسجل إطارات [(المزيد من المعلومات)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(المزيد من المعلومات)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 عرض
إذا تم إنشاء تطبيقك باستخدام Tkinter Designer، أخبرني بذلك. رؤية المزيد من الأمثلة سيكون مفيدًا لآخرين!
(أنظر إلى: [إتصل بي](#-contact-me)) أو استعمل قسم [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) في الDiscussions.
___
<br>
## 📝 إتصل بي
إذا أردت الإتصال بي، يمكنك التواصل معي على Jadhavparth99@gmail.com
___
<br>
## 📄 الرخصة
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
<!-- إن كنت غير متأكد أي رخصة مفتوحة تستعملها، أنظر إلى https://choosealicense.com/ -->
تم ترخيص Tkinter Designer بموجب الرخصة BSD 3-Clause "New" or "Revised"
[إنظر هنا.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| الإذن | القيود | الشروط
| --- | --- | ---
✓ الاستخدام التجاري | × المسؤولية القانونية | 🛈 إشعار الترخيص وحقوق النشر
✓ التعديل | × الضمان
✓ التوزيع
✓ الاستخدام الشخصي
</div>
================================================
FILE: docs/README.ban-BAN.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="লোগো">
<h1 align="center" style="margin: 0 auto 0 auto;"> টিকিন্টার ডিজাইনার </h1>
<h4 align="center" style="margin: 0 auto 0 auto;">জিইউআই ক্রিয়েটরকে ড্র্যাগ এবং ড্রপ করুন</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<p align="center">
<a href="https://www.producthunt.com/posts/tkinter-designer?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tkinter-designer" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=312995&theme=neutral" alt="Tkinter Designer - No-code solution for Python GUI's | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
</p>
<br>
___
## 💡 পরিচিতি
টিকিন্টার ডিজাইনার পাইথন এ জিইউআই ডেভেলপমেন্ট প্রক্রিয়া ত্বরান্বিত করার জন্য তৈরি করা হয়েছিল। এটি সুপরিচিত ডিজাইন সফ্টওয়্যার [ফিগমা](https://www.figma.com/) ব্যবহার করে পাইথনে সুন্দর টিকিন্টার জিইউআই তৈরি করে কেকের টুকরো তৈরি করে 🍰.
টিকিন্টার ডিজাইনার একটি ডিজাইন ফাইল বিশ্লেষণ করতে এবং জিইউআই-এর জন্য প্রয়োজনীয় কোড এবং ফাইলগুলি তৈরি করতে ফিগমা এপিআই ব্যবহার করে। এমনকি টিকিন্টার ডিজাইনার এর জিইউআই টিকিন্টার ডিজাইনার ব্যবহার করে তৈরি করা হয়েছে।
<img width="500" alt="টিকিন্টার ডিজাইনার জিইউআই" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 ঘোষণা
### 🎉 মাল্টি ফ্রেম-এর সমর্থন এখানে! 🎉
আপনি এখন একটি একক ডিজাইন ফাইলে একাধিক ফ্রেম তৈরি করতে পারেন এবং টিকিন্টার ডিজাইনার প্রতিটি ফ্রেমের জন্য সংশ্লিষ্ট কোড এবং ফাইল তৈরি করবে। এটি টিকিন্টার ডিজাইনারের জন্য একটি বিশাল পদক্ষেপ এবং আপনি এটি দিয়ে কী তৈরি করেন তা দেখে আমি সত্যিই উত্তেজিত।
[ডিসকর্ড](https://discord.gg/QfE5jMXxJv)-এ সম্প্রদায়ের সাথে আপনার সৃষ্টি নির্দ্বিধায় ভাগ করুন।
আপনি যদি কোন বাগ সম্মুখীন হন বা কোন পরামর্শ থাকে, দয়া করে একটি সমস্যা তৈরি করুন [এখানে](https://github.com/ParthJadhav/Tkinter-Designer)।
## ☄️ টিকিন্টার ডিজাইনারের সুবিধা
1. ড্র্যাগ এবং ড্রপ সহ ইন্টারফেস।
2. হাত দিয়ে কোড লেখার চেয়ে অনেক দ্রুত।
3. আরো চমত্কার ইন্টারফেস উত্পাদন।
## ⚡️ এখানে নির্দেশ পড়ুন
ইউটিউব ভিডিও দেখুন বা নীচের নির্দেশাবলী পড়ুন.
<a href="/docs/instructions.md" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041925-64f81f75-8bee-42ac-a234-a93339bc8cdc.png" alt="নির্দেশ" width="180px" ></a>
<a href="https://www.youtube.com/watch?v=Qd-jJjduWeQ" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041927-c94c1a94-c708-44a4-9c81-df83bac686d4.png" alt="ইউটিউব টিউটোরিয়াল" width="180px" ></a>
## 🦋 টিকিন্টার ডিজাইনার সমর্থনকারী
টিকিন্টার ডিজাইনার প্রকল্পে দান করার কথা বিবেচনা করুন যদি আপনি বা আপনার ব্যবসা এটি থেকে উপকৃত হন। এটি টিকিন্টার ডিজাইনারের বিকাশকে ত্বরান্বিত করবে! কফি তৈরি করা সহজ; আমি একটি উপভোগ করতে খুশি হবে.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="180" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 ডিসকর্ড সার্ভার এবং লিঙ্কড-ইন
ডিসকর্ড সার্ভার বা লিঙ্কড-ইনে যোগ দিতে নীচের বোতামে ক্লিক করুন
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="ডিসকর্ড সার্ভারে যোগ দিন" width="180px" ></a>
<a href="https://www.linkedin.com/in/parthjadhav04" target="_blank"><img src="https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin" alt="লিঙ্কড-ইনে যোগ করুন" width="180px" height="58"></a>
## 📐 কিভাবে এটা কাজ করে
ব্যবহারকারীকে শুধুমাত্র যা করতে হবে তা হল ফিগমা এর সাথে একটি ইন্টারফেস ডিজাইন করুন এবং তারপর ফিগমা ফাইল ইউআরএল এবং এপিআই টোকেন টিকিন্টার ডিজাইনারে পেস্ট করুন।
টিকিন্টার ডিজাইনার টিকিন্টার-এ জিইউআই তৈরি করার জন্য প্রয়োজনীয় সমস্ত কোড এবং ছবি স্বয়ংক্রিয়ভাবে তৈরি করবে।
<img width="467" alt="কিভাবে এটা কাজ করে" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
## 🎯 উদাহরণ
টিকিন্টার ডিজাইনারের সাথে সম্ভাবনাগুলি অফুরন্ত, তবে এখানে কয়েকটি জিইউআই রয়েছে যা টিকিন্টার-এ পুরোপুরি প্রতিলিপি করা যেতে পারে।
<sup>নিম্নলিখিত আমার সৃষ্টি নয়।</sup>
### HotinGo [(অধিক তথ্য)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(অধিক তথ্য)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(অধিক তথ্য)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357efb89.png">
### Frame Recorder [(অধিক তথ্য)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(অধিক তথ্য)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
### Atarbals-Modern-Antivirus [(অধিক তথ্য)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/205285178-74fb46c7-0c36-4fc5-983d-afbaaedb7cb9.png">
## 🔥 প্রদর্শনী
আপনার অ্যাপ তৈরি করতে টিকিন্টার ডিজাইনার ব্যবহার করা হয়েছে কিনা দয়া করে আমাকে জানান। আরও দৃষ্টান্ত অন্য মানুষের জন্য উপকারী হবে!
(দেখুন: [আমার সাথে যোগাযোগ করুন](#-আমার সাথে যোগাযোগ করুন)) অথবা ব্যবহার করুন [দেখান এবং বলুন](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) আলোচনা বিভাগে।
## 📄 লাইসেন্স
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
টিকিন্টার ডিজাইনার বিএসডি ৩-ক্লজ "নতুন" বা "সংশোধিত" লাইসেন্সের অধীনে লাইসেন্সপ্রাপ্ত।
[এখানে দেখুন](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| অনুমতি | বিধিনিষেধ | শর্তাবলী
| --- | --- | ---
✓ বাণিজ্যিক ব্যবহার | × দায় | 🛈 লাইসেন্স এবং কপিরাইট বিজ্ঞপ্তি
✓ পরিবর্তন | × ওয়ারেন্টি
✓ বিতরণ
✓ ব্যক্তিগত ব্যবহার
## অবদান
ওপেন সোর্স সম্প্রদায়, ব্যক্তি এবং অংশীদারদের থেকে সমস্ত অবদানকে স্বাগত জানানো হয়। আমাদের অর্জন আপনার সক্রিয় অংশগ্রহণের ফল।
[Contributing guidelines](docs/CONTRIBUTING.md)
[Code of conduct](CODE_OF_CONDUCT.md)
[LEARN.md](LEARN.md)
## 📝 আমার সাথে যোগাযোগ কর
আমার সাথে যোগাযোগ করতে চাইলে করতে পারেন
আমার কাছে পৌঁছান Jadhavparth99@gmail.com
আমার সাথে সংযোগ করুন [](https://www.linkedin.com/in/parthjadhav04/)
================================================
FILE: docs/README.fr-FR.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Automatisez la création d'interfaces Tkinter</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## 💡 Introduction
Tkinter 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 🍰.
Tkinter 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.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ Avantages de Tkinter Designer
1. Interfaces en drag and drop
2. Significativement plus rapide que créer le code manuellement
3. Capacité de créer des interface encore plus belles
___
## ⚡️ Installation et utilisation de Tkinter Designer
Les 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.
### [Lire les instructions](instructions.fr-FR.md)
## 🦋 Soutenir Tkinter Designer
La vie sans café est quelque chose sans quelque chose… désolé, je n'ai pas encore eu mon café.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
___
<br>
## 📐 Comment ça marche
La 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.
Tkinter Designer génèrera automatiquement tout le code et les images requises à créer l'interface avec Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 Exemples
Les possibilités sont infinies avec Tkinter Designer, mais voici quelques interfaces pouvant être parfaitement répliquées au sein de Tkinter.
<sup>Les créations suivantes ne sont pas les miennes.</sup>
### Page d'inscription
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### Page de marque
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### Enregistreur d'images [(More Info)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 Vitrine
Si votre application a été créée avec Tkinter Designer, faites le moi savoir. Il sera utile pour d'autres de voir plus d'exemples !
(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.
___
<br>
## 📝 Me contacter
Si vous souhaitez me contacter, vous pouvez me joindre à Jadhavparth99@gmail.com
___
<br>
## 📄 Licence
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer est mis à disposition sous licence BSD 3-Clause "Nouvelle" ou "Révisée".
[Trouvez-la ici.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Permissions | Restrictions | Conditions
| --- | --- | ---
✓ Utilisation commerciale | × Responsabilité | 🛈 License et Copyright
✓ Modification | × Garrantie
✓ Distribution
✓ Utilisation privée
================================================
FILE: docs/README.gu-GU.md
================================================
<p align="center">
<img width="200" src = "https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" Alt = "لوگو">
<h1 align="center" style="margin: 0 auto 0 auto;"> Tkinter ડિઝાઇનર </ h1>
<h5 align="center" style="margin: 0 auto 0 auto"> Tkinter GUI બનાવટને સ્વચાલિત કરો.</ h5>
</p>
<p align="center">
<img src = "https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src = "https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src = "https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src = "https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## પરિચય
Tkinter ડિઝાઇનરને પાયથોનમાં GUI વિકાસ પ્રક્રિયા ઝડપી બનાવવા માટે બનાવવામાં આવી હતી. તે Python માં સુંદર Tkinter GUI બનાવવા માટે જાણીતા ડિઝાઇન Software [Figma](https://www.figma.com/) નો ઉપયોગ કરે છે.
Tkinter ડિઝાઇનર ડિઝાઇન ફાઇલનું વિશ્લેષણ કરવા અને GUI માટે જરૂરી કોડ અને ફાઇલો બનાવવા માટે ફિગ્મા APIનો ઉપયોગ કરે છે. ટિંકટર ડીઝાઈનરની જીયુઆઈ પણ ટિંકટર ડિઝાઇનરની મદદથી બનાવવામાં આવી છે.
<img width="500" alt="ટિંકટર ડિઝાઇનર GUI" src = "https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## Tkinter ડિઝાઇનરના ફાયદા
1. ઇન્ટરફેસો ખેંચો અને છોડો
2. મેન્યુઅલી કોડ બનાવવા કરતાં નોંધપાત્ર રીતે ઝડપી
3. વધુ સુંદર ઇન્ટરફેસો બનાવવાની ક્ષમતા
___
## ઇન્સ્ટોલ અને ઉપયોગ કરી રહ્યું છે Tkinter Designer
સૂચનોમાં મુશ્કેલીનિવારણ અને રિપોર્ટિંગ મુદ્દાઓની માહિતી સાથે, ટિંકિટર ડિઝાઇનર ઇન્સ્ટોલ કરવા અને વાપરવા વિશેની તમામ માહિતી શામેલ છે.
### [સૂચનો વાંચો](/docs/instructions.gu-GU.md)
## Tkinter સહાયક ટિંકિટર ડિઝાઇનર
Coffee :coffee: વિનાનું જીવન કંઈક વિનાનું છે ... માફ કરશો, મારી પાસે હજી સુધી કોઈ કોફી નથી.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src = "https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" Alt="મને એક કોફી ખરીદો" width= "217px"></a>
___
<br>
## નામકરણનું મહત્વ ([વિડિઓ](https://youtu.be/mFjE2-rbpm8) માં ઉલ્લેખિત અને [સૂચનો](/docs/instructions.gu-GU.md))
Tkinter ડિઝાઇનર તેને કોડમાં કન્વર્ટ કરવા તત્વોના નામ પર ખૂબ આધાર રાખે છે. નામકરણ માર્ગદર્શિકા જુઓ [અહીં](/docs/instructions.gu-GU.md).
<br>
## 📐 તે કેવી રીતે કાર્ય કરે છે
વપરાશકર્તાને Figma સાથેના ઇન્ટરફેસની ડિઝાઈન કરવાની જરૂર છે, અને તે પછી Figma ફાઇલ URL અને API ટોકનને Tkinter ડિઝાઇનરમાં પેસ્ટ કરો.
Tkinter ડિઝાઇનર, Tkinter માં GUI બનાવવા માટે જરૂરી બધા કોડ અને છબીઓ(images) આપમેળે પેદા કરશે.
<img width="467" alt="તે કેવી રીતે કાર્ય કરે છે" src = "https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 ઉદાહરણો
શક્યતાઓ Tkinter ડિઝાઇનર સાથે અનંત છે, પરંતુ અહીં GUIs ની એક દંપતી છે જે સંપૂર્ણ રીતે Tkinter માં નકલ કરી શકાય છે.
<sup> નીચેની રચનાઓ મારી નથી. </sup>
### નોંધણી પૃષ્ઠ
<img width="467" alt="ઉદાહરણ 1" src = "https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### બ્રાંડિંગ પૃષ્ઠ
<img width="467" alt = "ઉદાહરણ 2" src = "https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### ફ્રેમ રેકોર્ડર [(વધુ માહિતી)] (<https://github.com/mehmet-mert/FrameRecorder>)
<img width="467" alt = "ઉદાહરણ 3" src = "https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(વધુ માહિતી)] (<https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link>)
<img width="467" alt = "ઉદાહરણ 3" src = "https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 શોકેસ
જો તમારી એપ્લિકેશન Tkinter ડિઝાઇનર સાથે બનાવવામાં આવી હતી, તો મને જણાવો. અન્ય લોકો વધુ ઉદાહરણો જોવા માટે મદદરૂપ થશે!
અથવા ચર્ચાઓ [બતાવો અને કહો](https://github.com/ParthJadhav/Tkinter-Designer/discussion/categories/show-and-tell) વિભાગનો ઉપયોગ કરો.
___
<br>
## મારો સંપર્ક કરો
જો તમે મારો સંપર્ક કરવા માંગતા હો, તો તમે મને jadhavaparth99@gmail.com પર પહોંચી શકો છો
___
<br>
## 📄 લાઇસન્સ
Tkinter ડિઝાઇનર BSD 3-કલમ "નવું" અથવા "સુધારેલ" લાઇસન્સ હેઠળ લાઇસન્સ પ્રાપ્ત છે.
[અહીં જુઓ.](Https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| અનુમતિઓ | પ્રતિબંધો | શરતો
| --- | --- | ---
✓ વ્યાપારી ઉપયોગ | × જવાબદારી | 🛈 લાઇસન્સ અને Copyright સૂચના
✓ ફેરફાર | × વોરંટી
✓ વિતરણ
✓ ખાનગી ઉપયોગ
================================================
FILE: docs/README.hin-HIN.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter डिजाइनर</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Tkinter GUI निर्माण को स्वचालित करें</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## 💡 प्रस्तावना
Tkinter डिजाइनर का उपयोग Python में GUI विकास प्रक्रिया को गति देने के लिए बनाया गया था। यह Python में सुंदर Tkinter GUI बनाने के लिए प्रसिद्ध डिजाइन सॉफ्टवेयर [Figma](https://www.figma.com/) का उपयोग करता है।
Tkinter डिज़ाइनर एक डिज़ाइन फ़ाइल का विश्लेषण करने और GUI के लिए आवश्यक संबंधित code और फ़ाइलें बनाने के लिए Figma API का उपयोग करता है। यहां तक कि Tkinter डिजाइनर का GUI भी Tkinter डिजाइनर का उपयोग करके बनाया गया है।
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ Tkinter डिजाइनर के लाभ
1. इंटरफेस खींचें(means drag) और छोड़ें(means drop)
2. मैन्युअल रूप से कोड बनाने की तुलना में महत्वपूर्ण रूप से तेज़ है
3. अधिक सुंदर इंटरफेस बनाने की क्षमता
___
## 🦋 Tkinter डिजाइनर का समर्थन
दो ही तो शौक़ हैं मेरे, कॉफी और coding. … मुझे समर्थन दें, मेरे लिए एक कॉफी खरीदें.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
## ⚡️ Tkinter डिजाइनर को install करे और उसका उपयोग करना
निर्देशों में समस्या निवारण और रिपोर्टिंग समस्याओं की जानकारी के साथ-साथ Tkinter Designer को स्थापित करने और उपयोग करने के बारे में सभी जानकारी शामिल है। एक वीडियो भी है।
### [निर्देश पढ़ें](/docs/instructions.md)
### [वह वीडियो देखें](https://youtu.be/mFjE2-rbpm8)
___
<br>
## 🔵 आधिकारिक(official) Tkinter डिज़ाइनर के डिस्कॉर्ड सर्वर से जुड़ें
डिसॉर्डर(Discord) सर्वर(server) से जुड़ने और चर्चाओं में भाग लेने के लिए नीचे दिए गए बटन पर क्लिक करें।
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="217px" ></a>
## ✅ नामकरण(Naming) का महत्व ([वीडियो](https://youtu.be/mFjE2-rbpm8) और[निर्देशों](/docs/instructions.md) में उल्लेख किया गया है)
Tkinter Designer इसे कोड में बदलने के लिए तत्वों के नामों पर बहुत अधिक निर्भर करता है। नामकरण मार्गदर्शिका(naming guide) देखें [यहां](/docs/instructions.md#2-element-guide).
___
<br>
## 📐 यह काम किस प्रकार करता है
केवल एक चीज जो उपयोगकर्ता को करने की आवश्यकता है वह है Figma के साथ एक इंटरफ़ेस डिज़ाइन करना, और फिर Figma फ़ाइल URL और API टोकन को Tkinter डिजाइनर में पेस्ट करना है।
Tkinter डिज़ाइनर स्वचालित रूप से Tkinter में GUI बनाने के लिए आवश्यक सभी कोड और छवियों(images) को उत्पन्न करेगा।
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 उदाहरण
Tkinter डिजाइनर के साथ संभावनाएं अनंत हैं, लेकिन यहां कुछ GUI हैं जिन्हें Tkinter में पूरी तरह से दोहराया(replicated) जा सकता है।
<sup>निम्नलिखित मेरी रचनाएँ नहीं हैं।</sup>
### पंजीकरण(Registration) पेज
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### ब्रांडिंग पेज
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### Frame Recorder [(और जानकारी)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(और जानकारी)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 शो-कैस
अगर आपका ऐप Tkinter डिज़ाइनर के साथ बनाया गया था, तो मुझे बताएं। वो दूसरों के लिए उदाहरण देखना मददगार होगा!
(See: [मुझसे संपर्क करो](#-contact-me)) या उपयोग करें [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) section in Discussions.
___
<br>
## 📝 मुझसे संपर्क करो
अगर आप मुझसे संपर्क करना चाहते हैं, तो आप मुझ तक पहुंच सकते हैं - Jadhavparth99@gmail.com
___
<br>
## 📄 लाइसेंस
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer को BSD 3-क्लॉज "New" या "Revised" लाइसेंस के तहत लाइसेंस प्राप्त है।
[View Here.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| अनुमतियां | प्रतिबंध | शर्तेँ
| --- | --- | ---
✓ वाणिज्य उपयोग | × लाय्बिलिटी | 🛈 लाइसेंस और कॉपीराइट नोटिस
✓ परिवर्तन(Modification) | × गारंटी(Warranty)
✓ वितरण(Distribution)
✓ निजी उपयोग
================================================
FILE: docs/README.it-IT.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Automatizza la creazione di interfaccia grafica per Tkinter</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
## Translations
- [简体中文](/docs/README.zh-CN.md)
- [Français](/docs/README.fr-FR.md)
- [ગુજરાતી](/docs/README.gu-GU.md)
- [हिन्दी](/docs/README.hin-HIN.md)
- [Italiano](/docs/README.it-IT.md)
- [عربية](/docs/README.ar-DZ.md)
- [Turkish](/docs/README.tr-TR.md)
- [Brazil](/docs/README.pt-BR.md)
___
## 💡 Introduzione
Tkinter 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 👁️.
Tkinter 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.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ Vantaggi di Tkinter Designer
1. Interfaccia drag and drop
2. Significativamente più veloce rispetto scrivere il codice manualmente
3. Facilita la creazione di interfacce ancora più belle
## ⚡️ Leggi le istruzioni qui -> [Documentazione](/docs/instructions.it-IT.md.md)
Le istruzioni contengono tutte le informazioni utili ad installare ed utilizzare Tkinter Designer, insieme alle informazioni utili alla risoluzione e segnalazione di problemi.
## 🦋 Supporta Tkinter Designer
Se 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 ;)
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
## 🔵 Entra nel server Discord ufficiale di Tkinter Designer
Clicca sul pulsante sottostante per entrare nel server Discord ufficiale e prender parte alla discussione.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="217px" ></a>
## 📐 Come funziona
L'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.
Tkinter Designer genererà automaticamente tutto il codice e le immagini necessarie per creare l'interfaccia grafica in Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 Esempi
Le possibilità sono infinite con Tkinter Designer, ma questi sono alcune delle interfacce grafiche che possono essere perfettamente replicate in Tkinter.
<sup>Le seguenti creazioni non sono mie.</sup>
### HotinGo [(Ulteriori informazioni)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### Pagina di registrazione
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### Pagina di branding
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### Frame Recorder [(Ulteriori informazioni)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(Ulteriori informazioni)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 Vetrina
Se la tua app è stata fatta con Tkinter Designer, fammelo sapere. Sarebbe d'aiuto mostrare agli altri ulteriori esempi!
(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.
## 📄 Licenza
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer è protetto da licenza BSD 3-Clause "New" or "Revised".
[Leggi qui.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Permessi | Restrizioni | Condizioni
| --- | --- | ---
✓ Uso commerciale | × Responsabilità | 🛈 Avviso di licenza e Copyright
✓ Modifica | × Garanzia
✓ Distribuzione
✓ Uso personale
## Contribuisci
Accettiamo qualsiasi contribuzione dalla comunità open-source, individuale o collettiva. Dobbiamo il nostro successo al vostro coinvolgimento attivo.
[Linee guida per il contributo](docs/CONTRIBUTING.md)
[Codice di comportamento](CODE_OF_CONDUCT.md)
[Scopri di più](LEARN.md)
## 📝 Contattami
Se vuoi contattarmi, puoi mandare una mail
a Jadhavparth99@gmail.com
================================================
FILE: docs/README.kr-KR.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h4 align="center" style="margin: 0 auto 0 auto;">Drag & Drop GUI Creator</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<p align="center">
<a href="https://www.producthunt.com/posts/tkinter-designer?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tkinter-designer" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=312995&theme=neutral" alt="Tkinter Designer - No-code solution for Python GUI's | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
</p>
<br>
___
## 💡 소개
Tkinter Designer는 Python에서 GUI 개발 프로세스를 가속화하기 위해 만들어졌습니다. 잘 알려진 디자인 소프트웨어 [Figma](https://www.figma.com/) 를 사용하여 Python에서 아름다운 Tkinter GUI를 만드는 것을 식은 죽 먹기 🥣로 만들었습니다.
Tkinter Designer는 Figma API를 사용하여 설계 파일을 분석하고 GUI에 필요한 코드와 파일을 만듭니다. 심지어 Tkinter Designer의 GUI도 Tkinter Designer를 사용하여 만듭니다.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 알립니다!
### 🎉 멀티 프레임이 지원됩니다! 🎉
이제 단일 설계 파일에 여러 프레임을 작성할 수 있으며 Tkinter Designer는 각 프레임에 대해 각각의 코드와 파일을 작성합니다. 이것은 Tkinter Designer에게 큰 한 걸음입니다. 여러분들이 무엇을 만드는지 보게 되어 정말 기쁩니다.
[Discord](https://discord.gg/QfE5jMXxJv) 에서 커뮤니티와 자유롭게 창작물을 공유할 수 있습니다.
버그가 발생하거나 제안사항이 있을 경우 이슈 [here](https://github.com/ParthJadhav/Tkinter-Designer)를 생성해주시기 바랍니다.
## ☄️ Tkinter Designer의 장점
1. 드래그 앤 드롭 인터페이스입니다.
2. 손으로 코드를 작성하는 것보다 훨씬 빠릅니다.
3. 더 멋진 인터페이스 제작할 수 있습니다.
## ⚡️ 여기에서 사용 설명서를 보실 수 있습니다.
YouTube 동영상을 보거나 아래 사용 설명서을 읽을 수 있습니다.
<a href="/docs/instructions.md" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041925-64f81f75-8bee-42ac-a234-a93339bc8cdc.png" alt="Instructions" width="180px" ></a>
<a href="https://www.youtube.com/watch?v=Qd-jJjduWeQ" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041927-c94c1a94-c708-44a4-9c81-df83bac686d4.png" alt="Youtube Tutorial" width="180px" ></a>
## 🦋 Tkinter Designer 후원
Tkinter Designer 프로젝트에서 혜택을 받은 경우 후원을 고려해 보세요. 이것은 Tkinter Designer의 개발을 가속화할 것입니다! 커피를 만드는 것은 간단합니다. 기꺼이 즐기겠습니다.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="180" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 Discord server & Linkedin
아래 버튼을 클릭하여 디스코드 서버 또는 Linkedin을 확인할 수 있습니다.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="180px" ></a>
<a href="https://www.linkedin.com/in/parthjadhav04" target="_blank"><img src="https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin" alt="Connect on Linkedin" width="180px" height="58"></a>
## 📐 작동 방식
사용자가 해야 할 일은 Figma와 인터페이스를 설계한 다음 Figma 파일 URL과 API 토큰을 Tkinter Designer에 붙여넣기만 하면 됩니다.
Tkinter Designer는 Tkinter에서 GUI를 만드는 데 필요한 모든 코드와 이미지를 자동으로 생성합니다.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
## 🎯 예제
Tkinter Designer를 사용하면 가능성이 무한하지만 Tkinter에서 완벽하게 복제할 수 있는 GUI가 몇 가지 있습니다.
<sup>예시는 저의 창작물이 아닙니다.</sup>
### HotinGo [(More Info)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(More Info)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(More Info)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357efb89.png">
### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
### Atarbals-Modern-Antivirus [(More Info)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/205285178-74fb46c7-0c36-4fc5-983d-afbaaedb7cb9.png">
## 🔥 쇼 케이스
당신의 앱을 만들기 위해 Tkinter Designer가 사용되었는지 알려주시기 바랍니다. 더 많은 삽화가 다른 사람들에게 이로울 것입니다!
(See: [연락처](#-contact-me)) 또는 [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell)을 사용해 주세요.
## 📄 라이센스
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer는 BSD 3-clause "New" 또는 "Reved" 라이센스에 따라 라이센스가 부여됩니다.
[View Here](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| 권한 | 제한사항 | 조건
| --- | --- | ---
✓ 상업적 용도 | × 책임 | 🛈 라이센스 및 저작권 고지
✓ 수정 | × 정당한 이유|
✓ 분배 |
✓ 개인 사용 |
## 컨트리뷰트
오픈 소스 커뮤니티, 개인 및 파트너의 모든 기여를 환영합니다. 우리의 성과는 당신의 적극적인 참여의 결과입니다.
[Contributing guidelines](docs/CONTRIBUTING.md)
[Code of conduct](CODE_OF_CONDUCT.md)
[LEARN.md](LEARN.md)
## 📝 연락처
만약 당신이 나에게 연락하고 싶다면
Jadhavparth99@gmail.com 으로 연락 주세요
Connect with me on [](https://www.linkedin.com/in/parthjadhav04/)
================================================
FILE: docs/README.mr-MR.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter डिझायनर</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">स्वयंचलित Tkinter GUI निर्मिती</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## 💡 परिचय
Tkinter डिझायनर Python मध्ये GUI विकास प्रक्रियेला गती देण्यासाठी तयार केले गेले. हे सुप्रसिद्ध डिझाइन सॉफ्टवेअर [Figma](https://www.figma.com/) वापरून Python मध्ये सुंदर Tkinter GUI तयार करण्यासाठी केकचा एक तुकडा बनवते 🍰.
डिझाईन फाइलचे विश्लेषण करण्यासाठी आणि GUI साठी आवश्यक संबंधित कोड आणि फाइल्स तयार करण्यासाठी Tkinter Designer Figma API वापरतो. Tkinter Designer चे GUI देखील Tkinter Designer वापरून तयार केले आहे.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 घोषणा
### 🎉 मल्टी फ्रेम समर्थन येथे आहे! 🎉
तुम्ही आता एकाच डिझाईन फाइलमध्ये अनेक फ्रेम तयार करू शकता आणि Tkinter Designer प्रत्येक फ्रेमसाठी संबंधित कोड आणि फाइल्स तयार करेल. Tkinter डिझायनरसाठी ही एक मोठी पायरी आहे आणि तुम्ही याच्या सहाय्याने काय तयार करता हे पाहण्यासाठी मला खूप आनंद झाला आहे.
[Discord](https://discord.gg/QfE5jMXxJv) वर समुदायासोबत तुमची निर्मिती मोकळ्या मनाने शेअर करा.
तुम्हाला काही बग आढळल्यास किंवा काही सूचना असल्यास, कृपया [येथे] (https://github.com/ParthJadhav/Tkinter-Designer) एक समस्या तयार करा.
## ☄️ Tkinter डिझायनरचे फायदे
1. ड्रॅग आणि ड्रॉप सह इंटरफेस.
2. हाताने कोड लिहिण्यापेक्षा खूप जलद
3. अधिक भव्य इंटरफेस तयार करा
## ⚡️ येथे सूचना वाचा
YouTube व्हिडिओ पहा किंवा खालील सूचना वाचा.
<a href="/docs/instructions.md" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041925-64f81f75-8bee-42ac-a234-a93339bc8cdc.png" alt="Instructions" width="180px" ></a>
<a href="https://www.youtube.com/watch?v=Qd-jJjduWeQ" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041927-c94c1a94-c708-44a4-9c81-df83bac686d4.png" alt="Youtube Tutorial" width="180px" ></a>
## 🦋 समर्थन Tkinter डिझायनर
तुम्हाला किंवा तुमच्या व्यवसायाला याचा फायदा झाला असल्यास Tkinter Designer प्रॉजेक्टला देणगी देण्याचा विचार करा. हे Tkinter डिझायनरच्या विकासास गती देईल! कॉफी बनवणे सोपे आहे; मला आनंद होईल.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="180" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 Discord सर्व्हर आणि LinkedIn
Discord सर्व्हर किंवा LinkedIn सामील होण्यासाठी खालील बटणावर क्लिक करा
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="180px" ></a>
<a href="https://www.linkedin.com/in/parthjadhav04" target="_blank"><img src="https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin" alt="Connect on Linkedin" width="180px" height="58"></a>
## 📐 हे कसे कार्य करते
वापरकर्त्याला फक्त एक गोष्ट करणे आवश्यक आहे ते म्हणजे Figma सह इंटरफेस डिझाइन करा आणि नंतर Figma फाइल URL आणि API टोकन Tkinter Designer मध्ये पेस्ट करा.
Tkinter डिझायनर Tkinter मध्ये GUI तयार करण्यासाठी आवश्यक असलेले सर्व कोड आणि प्रतिमा स्वयंचलितपणे व्युत्पन्न करेल.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
## 🎯 उदाहरणे
Tkinter डिझायनरमध्ये शक्यता अंतहीन आहेत, परंतु येथे काही GUI आहेत ज्या Tkinter मध्ये उत्तम प्रकारे तयार केल्या जाऊ शकतात.
<sup>खालील माझी निर्मिती नाही.</sup>
### HotinGo [(More Info)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(More Info)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### नोंदणी पृष्ठ
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### ब्रँडिंग पृष्ठ
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### फ्रेम रेकॉर्डर [(More Info)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 शोकेस
कृपया मला कळवा की Tkinter Designer तुमचा अॅप तयार करण्यासाठी वापरला गेला होता. आणखी चित्रे असतील
इतर लोकांसाठी फायदेशीर!
(पहा: [माझ्याशी संपर्क साधा](#-contact-me)) किंवा चर्चांमध्ये [शो आणि सांगा](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) विभाग वापरा .
## 📄 परवाना
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter डिझायनर BSD 3-क्लॉज "नवीन" किंवा "सुधारित" परवान्याअंतर्गत परवानाकृत आहे.
[येथे पहा.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| परवानग्या | निर्बंध | परिस्थिती
| --- | --- | ---
✓ व्यावसायिक वापर| × दायित्व | 🛈 परवाना आणि कॉपीराइट सूचना
✓ फेरफार | × हमी
✓ वितरण
✓ खाजगी वापर
================================================
FILE: docs/README.pt-BR.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Automação de interfaces gráficas (GUI) com Tkinter</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## 💡 Introdução
Tkinter 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 🍰.
Tkinter 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.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 Anúncio
### 🎉 O suporte Multiframe chegou! 🎉
Agora 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.
Sinta-se a vontade para compartilhar suas criações com a comunidade no [Discord](https://discord.gg/QfE5jMXxJv).
Se você encontrar algum bug ou tiver alguma sugestão, por favor crie um issue [aqui](https://github.com/ParthJadhav/Tkinter-Designer).
## ☄️ Vantagens do Tkinter Designer
1. Interfaces arrastando e soltando
2. Significamente mais rapido para criar do que seria criando código manual
3. Crie interfaces mais maravilhosas
## ⚡️ Leia as instruções aqui -> [Documentação](/docs/instructions.pt-BR.md)
As 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.
## 🦋 Apoie o Tkinter Designer
Se 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 ;)
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 Inscreva-se no servidor Oficial do Discord do Tkinter Designer
Click no botão abaixo para increver-se no servidor do Discord e começar a fazer parte das discussões.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="217px" ></a>
## 📐 Como funciona
A ú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.
Tkinter Designer pode automaticamente gerar código e imagens requeridas para criar a interface gráfica (GUI) no Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 Exemplos
As possibilidades são muitas com Tkinter Designer, mas aqui estão algumas interfaces gráficas (GUIS) que podem ser perfeitamente replicadas no Tkinter.
<sup>As interfaces gráficas a seguir não são minhas criações.</sup>
### HotinGo [(Mais Informações)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(Mais Informações)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(Mais Informações)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357efb89.png">
### Frame Recorder [(Mais Informações)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(Mais Informações)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
### Atarbals-Modern-Antivirus [(Mais Informações)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/205285178-74fb46c7-0c36-4fc5-983d-afbaaedb7cb9.png">
## 🔥 Casos de sucesso
Se 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!
(Veja: [Contate-me](#-contate-me)) ou utilize [Mostrar e Contar](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell).
## 📄 Licença
<!--- Se você não sabe muito sobre essa licença de código-aberto saiba aqui: https://choosealicense.com/--->
Tkinter Designer é licenciado através da licença BSD 3-Clause "New" ou "Revised".
[Visualize Aqui.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Permissões | Restrições | Condições
| --- | --- | ---
✓ Uso Comercial | × Responsabilidade | 🛈 Licença e Notificação de Copyright
✓ Modificação | × Garantia
✓ Distribuição
✓ Uso Privado
## 📝 Contate-me
Se você quiser me contatar, pode me encontrar no Jadhavparth99@gmail.com
Se conecte comigo no [](https://www.linkedin.com/in/parthjadhav04/)
================================================
FILE: docs/README.ru-RU.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Automate Tkinter GUI Creation</h5>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
## 💡 Введение
Tkinter Designer был создан для ускорения процесса разработки графического интерфейса на Python.
Он использует известное программное обеспечение для проектирования [Figma](https://www.figma.com/), позволяющее легко создавать красивые графические интерфейсы Tkinter на Python 🍰.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 Объявление
### 🎉 Поддержка нескольких фреймов уже здесь! 🎉
Теперь вы можете создавать несколько фреймов в одном файле дизайна, и Tkinter Designer создаст соответствующий код и файлы для каждого фрейма. Это огромный шаг для Tkinter Designer, и я очень рад увидеть, что вы с его помощью создадите.
Не стесняйтесь делиться своими творениями с сообществом на [Discord](https://discord.gg/QfE5jMXxJv).
Если вы обнаружите какие-либо ошибки или у вас есть какие-либо предложения, создайте issue [здесь](https://github.com/ParthJadhav/Tkinter-Designer).
## ☄️ Преимущества Tkinter Designer
1. Интерфейсы с перетаскиванием (drag and drop).
2. Гораздо быстрее, чем писать код вручную.
3. Создавайте более красивые интерфейсы.
## ⚡️ Инструкцию читайте здесь.
Посмотрите видео на YouTube или прочитайте инструкции ниже.
<a href="/docs/instructions.md" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041925-64f81f75-8bee-42ac-a234-a93339bc8cdc.png" alt="Instructions" width="180px" ></a>
<a href="https://www.youtube.com/watch?v=Qd-jJjduWeQ" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041927-c94c1a94-c708-44a4-9c81-df83bac686d4.png" alt="Youtube Tutorial" width="180px" ></a>
## 🦋 Поддержка Tkinter Designer
Рассмотрите возможность сделать пожертвование в проект Tkinter Designer, если вы или ваш бизнес получили от этого пользу. Это ускорит разработку Tkinter Designer! Приготовить кофе просто; Я буду рад насладиться одним.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="180" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 Сервер Discord и Linkedin
Нажмите кнопку ниже, чтобы присоединиться к серверу Discord или Linkedin.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="180px" ></a>
<a href="https://www.linkedin.com/in/parthjadhav04" target="_blank"><img src="https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin" alt="Connect on Linkedin" width="180px" height="58"></a>
## 📐 Как это работает
Единственное, что нужно сделать пользователю, — это разработать интерфейс с помощью Figma, а затем вставить URL-адрес файла Figma и токен API в Tkinter Designer.
Tkinter Designer автоматически сгенерирует весь код и изображения, необходимые для создания графического интерфейса в Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
## 🎯 Примеры
Возможности Tkinter Designer безграничны, но вот пара графических интерфейсов, которые можно идеально воспроизвести в Tkinter.
<sup>Следующее не является моим творением.</sup>
### HotinGo [(Узнать больше)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(Узнать больше)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(Узнать больше)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357efb89.png">
### Frame Recorder [(Узнать больше)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(Узнать больше)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
### Atarbals-Modern-Antivirus [(Узнать больше)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/205285178-74fb46c7-0c36-4fc5-983d-afbaaedb7cb9.png">
## 🔥 Витрина
Сообщите мне, использовался ли Tkinter Designer для создания вашего приложения. Дополнительные иллюстрации будут полезны другим людям!
(См.: [Свяжитесь со мной](#-свяжитесь-со-мной)) или используйте раздел [Показать и рассказать](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) в обсуждениях.
## 📄 Лицензия
<!--- Если вы не уверены, какую открытую лицензию использовать, см. https://choosealicense.com/--->
Tkinter Designer распространяется по лицензии BSD 3-Clause "New" or "Revised".
[Просмотреть здесь.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Разрешения | Ограничения | Условия
| --- | --- | ---
✓ Коммерческое использование | × Ответственность | 🛈 Уведомление о лицензии и авторских правах
✓ Модификация | × Гарантия
✓ Распространение |
✓ Частное использование |
## Способствовать
Приветствуются все вклады сообщества открытого исходного кода, частных лиц и партнеров. Наше достижение – результат вашего активного участия.
[Руководство по участию](docs/CONTRIBUTING.md)
[Кодекс поведения](CODE_OF_CONDUCT.md)
[LEARN.md](LEARN.md)
## 📝 Свяжитесь со мной
Если вы хотите связаться со мной, вы можете
сделать это по адресу Jadhavparth99@gmail.com
Свяжитесь со мной на [](https://www.linkedin.com/in/parthjadhav04/ )
================================================
FILE: docs/README.spa-SPA.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Automate Tkinter GUI Creation</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
## 💡 Introducción
Tkinter 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 🍰.
Tkinter 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.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ Ventajas de Tkinter Designer
1. Interfaces de tipo Arrastra y Suélta
2. Significativamente más rapido que crear código manualmente
3. Habilidad de crear interfaces más bonitas.
## ⚡️ Lee las instruciones aquí -> [Documentación](/docs/instructions.md)
Las 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.
## 🦋 Dar apoyo a Tkinter Designer
Si 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 ;)
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
## 🔵 Únete al servidor oficial de Discord de Tkinter Designer
Da click en el siguiente botón para unirte al servidor de discord y tomar parte en las discusiones.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="217px" ></a>
## 📐 Cómo funciona
La ú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.
Tkinter Designer automaticamente generará todo el código e imágenes requeridas para crear la GUI en Tkinter.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 Ejemplos
Las posibilidades son infinitas con Tkinter Designer, pero aquí hay algunas GUIs que pueden ser perfectamente replicadas en Tkinter.
<sup>Las siguientes no son mis creaciones.</sup>
### HotinGo [(Más información)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### Registration Page
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### Branding Page
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(More Info)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 Casos de Éxito
Si tu app fue creada con Tkinter Designer, hazmelo saber. Ésto será de ayuda para otros al ver más ejemplos!
(Ve: [Contáctame](#-contact-me)) o usa las secciones [Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell).
## 📄 Licencia
<!--- Si no estás seguro de que licencia abierta usar, mira https://choosealicense.com/--->
Tkinter Designer está bajo la licencia de BSD 3-Clause "New" o "Revised".
[Ver Aquí.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Permisos | Restricciones | Condiciones
| --- | --- | ---
✓ Uso Comercial | × Responsabilidad | 🛈 Licencia y Notificación de Copyright
✓ Modificación | × Garantía
✓ Distribución
✓ Uso Privado
================================================
FILE: docs/README.tr-TR.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">Otomatik Tkinter GUI Oluşturucu</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
## 💡 Tanıtım
Tkinter 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.
Tkinter 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.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ Tkinter Designer'ın Avantajları
1. Sürükle-bırak arayüzler
2. Manuel olarak kod ile oluşturmaktan çok daha hızlı
3. Daha güzel arayüzler oluşturmak için bir fırsat
---
## ⚡️ Tkinter Designer'ı Kurmak ve Kullanmak
Yönergeler sorun giderme ve hata bildirme ile birlikte Tkinter Designer'ı kurmak ve kullanmak için gereken tüm bilgileri içeriyor.
### [Yönergeleri Okuyun](/docs/instructions.tr-TR.md)
---
## 🦋 Tkinter Designer'ı Destekleme
Hayat sanki kahvesiz daha … pardon, şu ana kadar hiç kahvem olmadı.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
<br>
## 🔵 Tkinter Designer'ın Resmi Discord Sunucusu
Aşağıdaki butona tıklayarak Discord sunucumuza katılın ve tartışmalarda yer alın.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Join Discord Server" width="217px" ></a>
<br>
## 📐 Nasıl Çalışır
Kullanı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.
Tkinter Designer otomatik olarak Tkinter'da GUI için gereken tüm kodu ve resimleri otomatik olarak oluşturacaktır.
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
---
<br>
## 🎯 Örnekler
Tkinter Designer ile olasılıklar sonsuzdur, ama burada mükemmel bir şekilde kopyalanabilen birkaç GUI var.
<sup>Aşağıdakiler benim kreasyonlarım değil.</sup>
### Kayıt Sayfası
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### Marka Sayfası
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### Frame Recorder [(Daha Fazla Bilgi)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(Daha Fazla Bilgi)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
## 🔥 Vitrin
Eğ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!
(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.
---
<br>
## 📝 İletişim
Eğer benimle iletişime geçmek istiyorsanız bana Jadhavparth99@gmail.com mail adresinden ulaşabilirsiniz (İngilizce).
---
<br>
## 📄 Lisans
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer BSD 3-Clause "Yeni" ya da "Revize Edilmiş" Lisansı ile lisanslanmıştır.
[Burdan](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE) ulaşabilirsiniz.
| İzinler | Kısıtlamalar | Şartlar |
| ------------------------| --------------------| ------------------------------------------|
| ✓ Ticari Kullanım | × Sorumluluk | 🛈 Lisans ve Telif Hakkı Bildirimi |
| ✓ Modifikasyon | × Garanti |
| ✓ Dağıtım |
| ✓ Özel Kullanım |
================================================
FILE: docs/README.vi-VN.md
================================================
Here's the translation of the provided text in Vietnamese:
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h4 align="center" style="margin: 0 auto 0 auto;">Trình tạo GUI kéo và thả</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<p align="center">
<a href="https://www.producthunt.com/posts/tkinter-designer?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tkinter-designer" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=312995&theme=neutral" alt="Tkinter Designer - Giải pháp không cần code cho GUI Python | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
</p>
<br>
## Các bản dịch
- [简体中文](/docs/README.zh-CN.md)
- [Français](/docs/README.fr-FR.md)
- [ગુજરાતી](/docs/README.gu-GU.md)
- [हिन्दी](/docs/README.hin-HIN.md)
- [Italiano](/docs/README.it-IT.md)
- [عربية](/docs/README.ar-DZ.md)
- [Turkish](/docs/README.tr-TR.md)
- [Brazil](/docs/README.pt-BR.md)
- [Spanish](/docs/README.spa-SPA.md)
- [मराठी](/docs/README.mr-MR.md)
- [Korean](/docs/README.kr-KR.md)
- [Tiếng Việt](/docs/README.vi-VN.md)
___
## 💡 Giới thiệu
Tkinter 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.
Tkinter 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.
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## 📢 Thông báo
### 🎉 Hỗ trợ nhiều frame đã có! 🎉
Bạ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ó.
Hã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ế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).
## ☄️ Ưu điểm của Tkinter Designer
1. Giao diện với chức năng kéo và thả.
2. Nhanh hơn nhiều so với việc viết mã bằng tay.
3. Tạo ra các giao diện đẹp hơn.
## ⚡️ Đọc hướng dẫn ở đây
Xem video trên YouTube hoặc đọc hướng dẫn bên dưới.
<a href="/docs/instructions.md" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041925-64f81f75-8bee-42ac-a234-a93339bc8cdc.png" alt="Hướng dẫn" width="180px" ></a>
<a href="https://www.youtube.com/watch?v=Qd-jJjduWeQ" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196041927-c94c1a94-c708-44a4-9c81-df83bac686d4.png" alt="Hướng dẫn trên Youtube" width="180px" ></a>
## 🦋 Hỗ trợ Tkinter Designer
Hã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ó.
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Mua tôi một tách cà phê" width="180" ></a>
<a href="https://paypal.me/parthJadhav22?country.x=IN&locale.x=en_GB" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/196043185-ebd61195-44ee-480f-9b76-f5eb7cfcaf55.png" alt="Paypal" width="180" ></a>
## 🔵 Máy chủ Discord và Linkedin
Nhấp vào nút dưới đây để tham gia máy chủ Discord hoặc Linkedin.
<a href="https://discord.gg/QfE5jMXxJv" target="_blank"><img src="https://user-images.githubusercontent.com/42001064/126635148-9a736436-5a6d-4298-8d8e-acda11aec74c.png" alt="Tham gia máy chủ Discord" width="180px" ></a>
<a href="https://www.linkedin.com/in/parthjadhav04" target="_blank"><img src="https://img.shields.io/badge/Linkedin-blue?style=flat-square&logo=linkedin" alt="Kết nối trên Linkedin" width="180px" height="58"></a>
## 📐 Cách hoạt động
Chỉ 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.
Tkinter Designer sẽ tự động tạo tất cả mã và hình ảnh cần thiết để tạo GUI trong Tkinter.
<img width="467" alt="Cách hoạt động" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
## 🎯 Ví dụ
Có 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.
<sup>Các tác phẩm sau không phải do tôi tạo ra.</sup>
### HotinGo [(Thông tin chi tiết)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(Thông tin chi tiết)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(Thông tin chi tiết)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Ví dụ 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357ef
b9d.png">
### MarkMe [(Thông tin chi tiết)](https://github.com/Ayan-thecodeking/MarkMe)
<img width="467" alt="Ví dụ 2" src="https://user-images.githubusercontent.com/42001064/21342913-16130f5c-c6ed-11e6-9077-d0f6a6cfdbcd.png">
## 🎓 Hướng dẫn sử dụng
Để 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ế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.
Tô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.
___
## 🎯 Ví dụ
Có 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.
<sup>Những giao diện dưới đây không phải do tôi tạo ra.</sup>
### HotinGo [(Xem thêm)](https://github.com/Just-Moh-it/HotinGo)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/153225081-01a50bfb-5e1c-477d-9b1c-e786498db6d0.png">
### CodTubify [(Xem thêm)](https://github.com/iamDyeus/CodTubify)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/181297276-fc8c4106-c988-4b1a-89d2-5e833a574aab.png">
### BeAnonymous [(Xem thêm)](https://github.com/MambaCodes/BeAnonymous)
<img width="467" alt="Ví dụ 1" src="https://user-images.githubusercontent.com/42001064/208241685-a3c51f59-746d-4e00-aaeb-c2c8357efb89.png">
### Frame Recorder [(Xem thêm)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
### WhatBulk [(Xem thêm)](https://www.instagram.com/p/CQUmKckFBbT/?utm_medium=copy_link)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/122562284-87e06500-d060-11eb-8257-55f3b9dbecf0.PNG">
### Atarbals-Modern-Antivirus [(Xem thêm)](https://github.com/HarshscGithub/Atarbals-Modern-Antivirus)
<img width="467" alt="Ví dụ 3" src="https://user-images.githubusercontent.com/42001064/205285178-74fb46c7-0c36-4fc5-983d-afbaaedb7cb9.png">
## 🔥 Triển lãm
Hã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!
(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.
## 📄 Giấy phép
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer được cấp giấy phép theo
Giấy phép BSD 3-Clause "New" hoặc "Revised".
[Xem tại đây.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| Quyền hạn | Hạn chế | Điều kiệ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
✓ Sửa đổi | × Bảo hành
✓ Phân phối
✓ Sử dụng cá nhân
## Đóng góp
Tấ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.
[Hướng dẫn đóng góp](docs/CONTRIBUTING.md)
[Quy tắc ứng xử](CODE_OF_CONDUCT.md)
[LEARN.md](LEARN.md)
## 📝 Liên hệ
Nếu bạn muốn liên hệ với tôi, bạn có thể
liên hệ tôi qua Jadhavparth99@gmail.com
Kết nối với tôi trên [](https://www.linkedin.com/in/parthjadhav04/
================================================
FILE: docs/README.zh-CN.md
================================================
<p align="center">
<img width="200" src="https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11eb-96d5-2c43d05f9018.png" alt="logo">
<h1 align="center" style="margin: 0 auto 0 auto;">Tkinter Designer</h1>
<h5 align="center" style="margin: 0 auto 0 auto;">自动化 Tkinter GUI 创建</h5>
</p>
<p align="center">
<img src="https://img.shields.io/github/last-commit/ParthJadhav/Tkinter-Designer">
<img src="https://tokei.rs/b1/github/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/contributors/ParthJadhav/Tkinter-Designer">
<img src="https://img.shields.io/github/issues/ParthJadhav/Tkinter-Designer?label=issues">
<img src="https://img.shields.io/github/stars/ParthJadhav/Tkinter-Designer">
</p>
<br>
___
## 💡 介绍
Tkinter Designer 旨在加速 Python 中的 GUI 开发过程。 它使用著名的设计软件 [Figma](https://www.figma.com/) 使在 Python 中创建漂亮的 Tkinter GUI 变得轻而易举。
Tkinter Designer 使用 Figma API 来分析设计文件并创建 GUI 所需的相应代码和文件。 甚至 Tkinter Designer 的 GUI 也是使用 Tkinter Designer 创建的。
<img width="500" alt="Tkinter Designer GUI" src="https://user-images.githubusercontent.com/42001064/119863796-92af4a80-bf37-11eb-9f6c-61b1ab99b039.png">
## ☄️ Tkinter 设计器的优势
1. 拖放界面
2. 比手动创建代码快得多。
3. 能够创建更漂亮的界面。
___
## ⚡️ 安装和使用 Tkinter Designer
这些说明包含有关安装和使用 Tkinter Designer 的所有信息，以及用于故障排除和报告问题的信息.
[阅读说明书](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/docs/instructions.zh-CN.md)
## 🦋 支持 Tkinter Designer
没有咖啡的生活是艰难的……对不起，我还没有喝过咖啡。
<a href="https://www.buymeacoffee.com/Parthjadhav" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" width="217px" ></a>
___
<br>
## 📐 这个怎么运作
用户唯一需要做的就是用 Figma 设计一个界面，然后将 Figma 文件 URL 和 API 令牌粘贴到 Tkinter Designer 中。
Tkinter Designer 将自动生成在 Tkinter 中创建 GUI 所需的所有代码和图像。
<img width="467" alt="How it Works" src="https://user-images.githubusercontent.com/42001064/119832620-fb88c980-bf1b-11eb-8e9b-4affe7b92ba2.jpg">
___
<br>
## 🎯 Examples
Tkinter Designer 的可能性是无限的，但这里有几个可以在 Tkinter 中完美复制的 GUI。
<small>以下不是我的创作。</small>
### 注册页面
<img width="467" alt="Example 1" src="https://user-images.githubusercontent.com/42001064/119250338-1f1adf80-bbbd-11eb-8ee1-72028a4e7a7f.png">
### 品牌页面
<img width="467" alt="Example 2" src="https://user-images.githubusercontent.com/42001064/119250668-496d9c80-bbbf-11eb-886b-cb1e75da18df.png">
### Frame Recorder [(More Info)](https://github.com/mehmet-mert/FrameRecorder)
<img width="467" alt="Example 3" src="https://user-images.githubusercontent.com/42001064/119834287-71d9fb80-bf1d-11eb-9acf-e7bfc8cc4d9e.png">
## 🔥 展示柜
如果您的应用是使用 Tkinter Designer 制作的，请告诉我。 其他人看到更多的例子会很有帮助！
（参见：[Contact Me](#-contact-me)）或使用[Show and Tell](https://github.com/ParthJadhav/Tkinter-Designer/discussions/categories/show-and-tell) 部分讨论 .
___
<br>
## 📝 联络我
如果你想联系我 - Jadhavparth99@gmail.com
___
<br>
## 📄 执照
<!--- If you're not sure which open license to use see https://choosealicense.com/--->
Tkinter Designer 根据 BSD 3 条款“新”或“修订”许可获得许可。
[View Here.](https://github.com/ParthJadhav/Tkinter-Designer/blob/master/LICENSE)
| 权限 | 限制 | 使适应
| --- | --- | ---
✓ 商业用途 | × 责任 | 🛈 许可和版权声明
✓ 修改 | × 保修单
✓ 分配
✓ 私人使用
================================================
FILE: docs/build.md
================================================
# Building & Releasing to Pypi with Poetry
## A Note:
Python packaging is a hot topic, and everyone has an opinion about it.
We migrated to poetry based on discussion in [pull request #84](https://github.com/ParthJadhav/Tkinter-Designer/pull/84)
Have we made a huge mistake? If so, open an issue and let us know!
## Publishing to testpypi
1. [Install Poetry](https://python-poetry.org/docs/#installation) - ! do not pip install poetry
2. `poetry install` - installs dependencies
3. `poetry config repositories.testpypi https://test.pypi.org/legacy/`
4. `poetry version $VERSION` - bump the version number to the value of <$VERSION>
5. `poetry publish --build -r testpypi -u __token__ -p $TESTPYPI_TOKEN`
## Packaging [deprecated in Tkinter-Designer as of 1.0.100]
> This was preserved as a reference for anyone interested
A brief explanation: packages in python are implicitly declared by providing an \_\_init\_\_.py file.
Any directory with that file present is a package, every file within a package is a module.
So, point the build environment at the dir(s) you want to include in your package in the setup.cfg file.
pyproject.toml is a declarative description of the build environment.
Our build environment needs wheel and setuptools packages to handle building for us.
[Here's a tutorial](https://packaging.python.org/tutorials/packaging-projects/) on building/releasing packages for anyone with more interest.
### Manual Release
Staging environment:
- Make sure conventions are followed and tests pass: `flake8 && pytest`
- Sign up for an account at [test.pypi.org](https://test.pypi.org/) and get an API key.
- Change the package name in setup.cfg to end in "-<YOUR_USERNAME>"
- Create an API key/token for yourself
- Create a .pypirc file in your home directory with something like:
```
[testpypi]
username = __token__
password = pypi-<YOUR_TOKEN>
```
- `pip install --upgrade build twine`
- Run `python -m build` from the main project dir, it will create a './dist' dir with the tarball and zip files.
- Run twine to publish the dist to the test pypi registry: `python -m twine upload --repository testpypi dist/*`
- To test:
- create a new project directory, blank
- create a venv or whatever you're into: `python -m venv .venv`
- activate your virtualenv
- `pip install -i https://test.pypi.org/simple/ tkdesigner-cli-jvendegna==1.0.11` for example. That one works, feel free to test it.
- `tkdesigner <URL_TO_FIGMA_FILE> $YOUR_FIGMA_TOKEN -f`
- `python build/gui.py`
* Note: everywhere you see `python` is python3, not python2
================================================
FILE: docs/instructions.ar-DZ.md
================================================
<div dir="rtl">
# كيفية استعمال Tkinter Designer
___
## Table of Contents
1. [**البدء**](#getting-started-1)
1. [تثبيت Python](#getting-started-1)
2. [تثبيت Tkinter Designer](#getting-started-2)
3. [إنشاء حساب Figma](#getting-started-3)
2. [**تنسيق تصميم Figma**](#formatting-1)
1. [المرجع](#formatting-1)
2. [دليل العناصر](#formatting-2)
3. [**إستعمال Tkinter Designer**](#Using-Tkinter-Designer)
1. [Access Token الشخصي](#using-1)
2. [الحصول على URL الملف](#using-2)
3. [استعمال CLI](#using-cli)
4. [استعمال GUI](#using-gui)
4. [**Troubleshooting**](#Troubleshooting)
<br><br>
# البدء <small>[[الأعلى](#table-of-contents)]</small>
<a id="getting-started-1"></a>
## 1. تثبيت Python
قبل استعمال Tkinter Designer, ستحتاج إلى تثبيت Python.
- [رابط تثبيت Python](https://www.python.org/downloads)
- [رابط مفيد لثبيت Python على أنظمة تشغيل مختلفة](https://wiki.python.org/moin/BeginnersGuide/Download)
*لاحقا في هذا الدليل، ستستعمل Package Installer for Python (pip), والذي قد يتطلب منك إضافة Python إلى نظام PATH*
___
<br>
<a id="getting-started-2"></a>
## 2. تثبيت Tkinter Designer
*ثلاث خيارات:*
1. `pip install tkdesigner`
2. تثبيت [poetry](https:python-poetry.org)
- `poetry new gui_project_name && cd gui_project_name`
- `poetry add tkdesigner`
- `poetry install`
3. لتشغيل Tkinter Designer من source code, اتبع الخطوات أدناه.
1. تحميل كود Tkinter Designer إما يدويًا أو بواسطة git.
`git clone https://github.com/ParthJadhav/Tkinter-Designer.git`
2. فتح مجلد Tkinter Designer (تغيير المجلد الحالي)
`cd tkinter-designer`
3. تثبيت الملحقات الضرورية
- `pip install -r requirements.txt`
- في حالة عطب في pip جرب الأوامر التالية:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- وإن كان هذا لا يزال يعمل، تأكد من أن Python مُضاف إلى PATH.
. هذا سيقوم بتثبيت كل العناصر الضرورية لعمل Tkinter Designer. قبل استعمال Tkinter Designer ستحتاج إلى إنشاء ملف Figma بالإرشادات التالية.
If you already have created a file then skip to [**Using Tkinter Designer**](#Using-Tkinter-Designer) Section.
إذا أنشأت الملف بالفعل، فانتقل إلى قسم [**استعمال Tkinter Designer**](#Using-Tkinter-Designer)
___
<br>
<a id="getting-started-3"></a>
## 3. إنشاء حساب Figma
1. باستعمال متصفح ويب إذهب إلى [figma.com](https://www.figma.com/) وانقر على 'Sign up'
2. أدخل معلوماتك وتحقق من بريدك الإلكتروني
3. قم بإنشاء ملف تصميم Figma جديد
4. إبدأ بإنشاء الواجهة
- القسم الموالي يغطي التنسيق المطلوب لإدخال Tkinter Designer
- [هنا الدورة التعليمية الرسمية للبرنامج Figma](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [هنا القناة الرسمية في اليوتوب Figma](https://www.youtube.com/c/Figmadesign/featured)
- [هنا مقر المساعدة Figma](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# تنسيق تصميم Figma <small>[[الأعلى](#table-of-contents)]</small>
## 1. المرجع
<br>
### التسمية مهمة
| اسم العنصر في Figma | عنصر Tkinter |
| --- | --- |
| Button | Button |
| Line | Line |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
يعتمد الكود الذي تم إنشاؤه بواسطة Tkinter Designer على أسماء العناصر من تصميم Figma الخاص بك، وعلى هذا النحو، تحتاج إلى تسمية العناصر الخاصة بك وفقًا لذلك. في Figma ، أعد تسمية عناصرك بالنقر عليها في لوحة Layers.
___
<br>
<a id="formatting-2"></a>
## 2. دليل العناصر
<br>
1. **أولاً، قم بإنشاء Frame والتي ستكون بمثابة نافذة Tkinter**
<br><br>
2. **إضافة صور**
- يمكن إنشاء الصور باستخدام الأشكال و / أو الصور
- إذا كنت تستخدم أشكالًا / صورًا متعددة ، فيجب عليك تجميعها معًا عن طريق تحديدها جميعًا والضغط عليها <kbd>CTRL/⌘ + G</kbd>
- وبعد ذلك، قم بتسمية العنصر أو المجموعة ب "Image".
<br><br>
3. **نص (نص عادي)**
- استخدم مفتاح <kbd> T </kbd> لتنشيط أداة Text ، ثم أضف النص حسب الرغبة
- لا يلزم إعادة تسمية النص لاستخدامه في Tkinter Designer
- اضغط على مفتاح <kbd> Return </kbd> أو <kbd> Enter </kbd> للانتقال إلى السطر التالي.
<br><br>
4. **الإدخال (إدخال مستخدم أحادي السطر)**
- قم بتنشيط أداة Rectangle باستخدام <kbd> R </kbd>
- اضبط المستطيل حسب رغبتك
- تأكد من تسمية المستطيل "TextBox"
<br><br>
5. **منطقة النص (إدخال مستخدم متعدد الأسطر)**
- قم بتنشيط أداة Rectangle باستخدام <kbd> R </kbd>
- اضبط المستطيل حسب رغبتك
- تأكد من تسمية المستطيل "TextArea"
6. **Rectangle**
- قم بتنشيط أداة Rectangle باستخدام <kbd> R </kbd>
- اضبط المستطيل حسب رغبتك
- تأكد من تسمية المستطيل "Rectangle".
<br><br>
7. **زر عادي**
- أضف مستطيلاً ليكون بمثابة زر في واجهة المستخدم
- اختياري: أضف نصًا للزر
- حدد الزر (مستطيل) ، وأي نص اختياري ، ثم قم بتجميعها باستخدام <kbd> CTRL / & # 8984؛ + G </kbd>
- قم بتسمية المجموعة "Button"
<br><br> إلجأ إلى هذا [الفيديو](https://youtu.be/Qd-jJjduWeQ) إذا واجهت أي مشاكل
8. **زر مدور**
- أضف مستطيلًا ليكون بمثابة زر في واجهة المستخدم
- اختياري: أضف نصًا للزر
- إجعلها مدورة بإضافة corner radius عن طريق تحديد المستطيل وإضافة corner radius من الجهة اليمنى. [إقرأ المزيد عنها](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)
- قم بإنشاء مستطيل بنفس حجم الزر الخاص بك. لا تجعلها مدورة
- قم بتغيير لون المستطيل ليطابق الخلفية
- الآن قم بتحريك المستطيل الذي تم إنشاؤه حديثًا أسفل الزر الرئيسي (مستطيل)
- حدد الزر والمستطيل وأي نص اختياري ، ثم قم بتجميعها باستخدام <kbd> CTRL / & # 8984؛ + G </kbd>
- قم بتسمية المجموعة "Button"
#### إلجأ إلى هذا [الفيديو](https://youtu.be/Qd-jJjduWeQ) إذا واجهت أي مشاكل
<br><br>
<a id="Using-Tkinter-Designer"></a>
# استعمال Tkinter Designer <small>[[الأعلى](#table-of-contents)]</small>
## المدخلات المطلوبة
هناك بعض المدخلات التي ستحتاج إلى جمعها لتتمكن من استخدام Tkinter Designer.
<a id="using-1"></a>
### 1. Access Token الشخصي
1. قم بتسجيل الدخول إلى حساب Figma الخاص بك
2. انتقل إلى الإعدادات
3. في علامة التبويب **الحساب** ، قم بالتمرير لأسفل إلى **Personal Access tokens**
4. أدخل اسم access token الخاص بك في نموذج الإدخال واضغط على <kbd> Enter </kbd>
5. سيتم إنشاء access token الخاص بك.
- انسخ هذا access token واحتفظ به في مكان آمن.
- **لن تحصل على فرصة أخرى لنسخ هذا token.**
### 2. الحصول على URL الملف
1. في ملف تصميمك Figma، إضغط على زر **Share** في القسم العلوي، ثم على **🔗 Copy link**
<a id="using-cli"></a>
## باستعمال CLI
يعد استخدام CLI أمرًا بسيطًا مثل تثبيت الحزمة وتشغيل أداة CLI.
### من PyPi
يمكنك استخدام الأوامر أدناه كاختبار باستبدال $FILE_URL و $FIGMA_TOKEN ببياناتك. إذا لم يكن لديك token والرابط فارجع إلى [**المدخلات المطلوبة**](#using-1).
``` bash
pip install tkdesigner
tkdesigner $FILE_URL $FIGMA_TOKEN
```
### من Source
لاستخدام CLI من الكود المصدري ، تحتاج إلى clone repository ثم اتباع الإرشادات أدناه.
يمكنك استخدام الأوامر أدناه كاختبار باستبدال $FILE_URL و $FIGMA_TOKEN ببياناتك. إذا لم يكن لديك token والرابط فارجع إلى [**المدخلات المطلوبة**](#using-1).
```bash
$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN
# To learn more about how to use the cli, pass the --help flag
$ python -m tkdesigner --help
```
### المخرجات
بشكل تلقائي، كود واجهة المستخدم سيكتب إلى build/gui.py. تستطيع تحديد path المخرج باستعمال flag `-o` مع path.
لتشغيل واجهة المستخدم المنتجة، قم بcd إلى path الذي ستكتب إليه (build/ مثلاً) وقم بتشغيله مثل أي واجهة مستخدم Tkinter.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## استعمال واجهة المستخدم
### افتح Tkinter Designer قبل تنفيذ الخطوات التالية
<br>
1. افتح Tkinter Designer GUI عن طريق
```
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. إنسخ *access token الشخصي إلى* **Token ID** في Tkinter Designer
3. إنسخ الرابط إلى **File URL** في Tkinter Designer
4. إضغط على **Output Path** لفتح متصفح الملفات
5. إختر path مخرجات وإضغط على **Select Folder**
6. إضغط على **Generate**
سيتم وضع ملفات الإخراج من Tkinter Designer في path الذي اخترته ، داخل مجلد جديد يسمى **build**. تهانينا ، لقد قمت الآن بإنشاء Tkinter GUI باستخدام Tkinter Designer!
<br><br>
<a id="Troubleshooting"></a>
# Troubleshooting <small>[[الأعلى](#table-of-contents)]</small>
- العناصر غير مرئية؟ في غير محلها؟
- يرجى التأكد من أن ملف Figma الخاص بك يحتوي على عناصره المسماة بشكل صحيح. * أنظر إلى [تنسيق تصميم Figma, §1](#formatting-1)
- الزر له خلفية رمادية من غير قصد؟
- تأكد من إضافة مستطيل خلف عنصر الزر الخاص بك ، وأن لون التعبئة الخاص به هو نفسه لون الخلفية
- عناصر غير صحيحة؟
- تأكد من تسمية العناصر الخاصة بك بشكل صحيح في Figma
- أنظر إلى [تنسيق تصميم Figma, §1](#formatting-1)
- النافذة أكبر من الشاشة؟
- قم بتصغير العناصر الخاصة بك في Figma
- الملفات لم تُولّد؟
- أعد تشغيل Tkinter Designer
- تحقق مرة أخرى access token وعنوان URL
- تأكد من أن التصميم الخاص بك يحتوي على Frame
- شيء آخر؟
- [الإبلاغ عن المشكلات غير المدرجة هنا على GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
</div>
================================================
FILE: docs/instructions.ban-BAN.md
================================================
# কবিতা দিয়ে পাইপিকে নির্মাণ ও মুক্তি দেওয়া
## একটি নোট:
পাইথন প্যাকেজিং একটি আলোচিত বিষয় এবং প্রত্যেকেরই এটি সম্পর্কে মতামত রয়েছে।
আমরা [Pull request #84](https://github.com/ParthJadhav/Tkinter-Designer/pull/84) এ আলোচনার ভিত্তিতে কবিতায় স্থানান্তরিত হয়েছি।
আমরা কি একটি বড় ভুল করেছি? যদি তাই হয়, একটি সমস্যা খুলুন এবং আমাদের জানান!
## টেস্টপিপিতে প্রকাশ করা হচ্ছে
1. [কবিতা ইনস্টল করুন](https://python-poetry.org/docs/#installation) - ! কবিতা ইনস্টল পিপ দিয়ে না
2. `poetry install` - নির্ভরতা ইনস্টল করে
3. `poetry config repositories.testpypi https://test.pypi.org/legacy/`
4. `poetry version $VERSION` - সংস্করণ নম্বরটিকে <$VERSION>-এর মানের সাথে বাম্প করুন
5. `poetry publish --build -r testpypi -u __token__ -p $TESTPYPI_TOKEN`
## প্যাকেজিং [1.0.100 অনুযায়ী টিকিন্টার-ডিজাইনার-এ অবচয়িত]
> এটি আগ্রহী কারো জন্য একটি রেফারেন্স হিসাবে সংরক্ষিত ছিল
একটি সংক্ষিপ্ত ব্যাখ্যা: পাইথন-এ প্যাকেজগুলি একটি \_\_init\_\_.py ফাইল প্রদান করে পরোক্ষভাবে ঘোষণা করা হয়।
সেই ফাইলের সাথে যেকোন ডিরেক্টরি বর্তমান একটি প্যাকেজ, একটি প্যাকেজের মধ্যে থাকা প্রতিটি ফাইল একটি মডিউল।
সুতরাং, আপনি setup.cfg ফাইলে আপনার প্যাকেজে যে dir(গুলি) অন্তর্ভুক্ত করতে চান সেখানে বিল্ড এনভায়রনমেন্ট নির্দেশ করুন।
pyproject.toml হল বিল্ড পরিবেশের একটি ঘোষণামূলক বর্ণনা।
আমাদের বিল্ডিং এনভায়রনমেন্টে আমাদের জন্য বিল্ডিং পরিচালনা করার জন্য চাকা এবং সেটআপ টুল প্যাকেজ প্রয়োজন।
[এখানে একটি টিউটোরিয়াল আছে](https://packaging.python.org/tutorials/packaging-projects/) আরো আগ্রহ আছে এমন কারো জন্য প্যাকেজ তৈরি/রিলিজ করার বিষয়ে।
### ম্যানুয়াল রিলিজ
স্টেজিং পরিবেশ:
- নিশ্চিত করুন যে নিয়মগুলি অনুসরণ করা হয়েছে এবং পরীক্ষায় উত্তীর্ণ হয়েছে: `flake8 && pytest`৷
- [test.pypi.org](https://test.pypi.org/) এ একটি অ্যাকাউন্টের জন্য সাইন আপ করুন এবং একটি এপিআই কী পান৷
- "-<YOUR_USERNAME>" এ শেষ করতে setup.cfg-এ প্যাকেজের নাম পরিবর্তন করুন
- নিজের জন্য একটি এপিআই কী/টোকেন তৈরি করুন
- আপনার হোম ডিরেক্টরিতে একটি .pypirc ফাইল তৈরি করুন এরকম কিছু দিয়ে:
```
[testpypi]
username = __token__
password = pypi-<YOUR_TOKEN>
```
- `pip install --upgrade build twine`
- মূল প্রকল্প ডির থেকে `পাইথন -এম বিল্ড` চালান, এটি টারবল এবং জিপ ফাইলের সাথে একটি './dist' ডির তৈরি করবে।
- পরীক্ষা pypi রেজিস্ট্রিতে dist প্রকাশ করতে twine চালান: `python -m twine upload --repository testpypi dist/*`
- পরীক্ষা করতে:
- একটি নতুন প্রকল্প ডিরেক্টরি তৈরি করুন, ফাঁকা
- একটি venv তৈরি করুন বা আপনি যা কিছুতে আছেন: `python -m venv .venv`
- আপনার virtualenv সক্রিয় করুন
- `pip install -i https://test.pypi.org/simple/ tkdesigner-cli-jvendegna==1.0.11` উদাহরণস্বরূপ। যে এক কাজ করে, এটা পরীক্ষা নির্দ্বিধায়।
- `tkdesigner <URL_TO_FIGMA_FILE> $YOUR_FIGMA_TOKEN -f`
- `python build/gui.py`
* দ্রষ্টব্য: আপনি যেখানেই `python` দেখছেন সেখানে পাইথন ৩, পাইথন২ নয়
================================================
FILE: docs/instructions.fr-FR.md
================================================
# Comment utiliser Tkinter Designer
___
## Sommaire
1. [**Commencer**](#getting-started-1)
1. [Installer Python](#getting-started-1)
2. [Installer Tkinter Designer](#getting-started-2)
3. [Créer un compte Figma](#getting-started-3)
2. [**Formater votre design Figma**](#formatting-1)
1. [Référence](#formatting-1)
2. [Guide des éléments](#formatting-2)
3. [**Utiliser Tkinter Designer**](#Using-Tkinter-Designer)
1. [Clé d'accès personnelle](#using-1)
2. [URL du fichier](#using-2)
3. [Utilisant CLI](#using-cli)
4. [Utilisant GUI](#using-gui)
4. [**Diagnostic des anomalies**](#Troubleshooting)
<br><br>
# Commencer <small>[[Haut](#Sommaire)]</small>
<a id="getting-started-1"></a>
## 1. Installer Python
Avant d'utiliser Tkinter Designer, vous devez installer Python.
- [Voici un lien vers la page de téléchargement de Python.](https://www.python.org/downloads)
- [Voici un guide utile pour installer Python sur divers systèmes d'exploitation.](https://wiki.python.org/moin/BeginnersGuide/Download)
*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.*
___
<br>
<a id="getting-started-2"></a>
## 2. Installer Tkinter Designer
Une fois Python installé, vous pouvez télécharger Tkinter Designer depuis le [dépôt officiel](https://github.com/ParthJadhav/Tkinter-Designer).
Dans 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 !
*Pour exécuter Tkinter Designer à partir du code source, suivez les instructions ci-dessous.*
1. Téléchargez les fichiers sources de Tkinter Designer en les téléchargeant manuellement ou en utilisant git :-
` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `
2. Changez votre répertoire de travail en Tkinter Designer.
`cd Tkinter-Designer`
3. Installez les dépendances nécessaires en exécutant `pip install -r requirements.txt`
- Si pip ne fonctionne pas, essayez également les commandes suivantes :
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- Si cela ne fonctionne toujours pas, assurez-vous que Python est ajouté au PATH.
Cela installera toutes les exigences et Tkinter Designer. Avant d'utiliser Tkinter Designer, vous devez créer un fichier Figma avec les instructions ci-dessous.
Si vous avez déjà créé un fichier, passez à la section [**Utilisation de Tkinter Designer**](#Using-Tkinter-Designer).
___
<br>
<a id="getting-started-3"></a>
## 3. Créer un compte Figma
1. Dans un navigateur web, rendez-vous sur [figma.com](https://www.figma.com/) et cliquez sur 'Sign up'
2. Entrez vos informations, puis vérifiez votre email
3. Créez un nouveau fichier de design Figma
4. Commencez à créer votre interface graphique
- La section suivante couvre le formatage requis pour l'entrée de Tkinter Designer.
- [Série officielle de tutoriels Figma pour les débutants](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [Chaîne YouTube officielle Figma](https://www.youtube.com/c/Figmadesign/featured)
- [Centre d'aide Figma](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# Formater votre design Figma <small>[[Haut](#Sommaire)]</small>
## 1. Référence
<br>
### L'importance du nom
| Nom de l'élément Figma | Élément Tkinter |
| --- | --- |
| Button | Button |
| Line | Line |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
Le 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.
___
<br>
<a id="formatting-2"></a>
## 2. Guide des éléments
<br>
1. **Tout d'abord, créez une Frame qui servira de fenêtre Tkinter.**
<br><br>
2. **Ajout d'images**
- Les images peuvent être créées à l'aide de formes et/ou d'images
- Si vous utilisez plusieurs formes/images, vous devez les regrouper en les sélectionnant toutes et en appuyant sur <kbd>CTRL/⌘ + G</kbd>
- Après cela, nommez l'élément ou le groupe comme "Image".
3. **Texte (Texte normal)**
- Utilisez la touche <kbd>T</kbd> pour activer l'outil texte, puis ajoutez du texte comme vous le souhaitez
- Le texte n'a pas besoin d'être renommé pour être utilisé dans Tkinter Designer
- Appuyez explicitement sur la touche <kbd>Retour</kbd> ou <kbd>Entrée</kbd> pour passer à la ligne suivante.
<br><br>
4. **Entrée de texte (Entrée utilisateur sur une seule ligne)**
- Activez l'outil Rectangle avec <kbd>R</kbd>
- Ajustez le rectangle à votre convenance
- Assurez-vous que le rectangle est nommé "TextBox"
<br><br>
5. **Zone de texte (Entrée utilisateur sur plusieurs lignes)**
- Activez l'outil Rectangle avec <kbd>R</kbd>
- Ajustez le rectangle à votre convenance
- Assurez-vous que le rectangle est nommé "TextArea"
6. **Rectangle**
- Activez l'outil Rectangle avec <kbd>R</kbd>
- Ajustez le rectangle à votre convenance
- Assurez-vous que le rectangle est nommé "Rectangle"
<br><br>
7. **Bouton normal**
- Ajouter un rectangle pour servir de bouton dans votre interface graphique
- Facultatif : ajoutez du texte au bouton
- Sélectionnez le bouton (Rectangle) et tout texte facultatif, puis regroupez-les avec <kbd>CTRL/⌘ + G</kbd>
- Nommez le groupe "Button"
#### Référez vous à [cette vidéo](https://youtu.be/Qd-jJjduWeQ) si vous rencontrez tout problème
<br><br>
8. **Bouton arrondi**
- Ajouter un rectangle pour servir de bouton dans votre interface graphique
- Facultatif : ajoutez du texte au bouton
- 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)
- Créez un rectangle avec la même taille de votre bouton. Ne l'arrondissez pas.
- Changez la couleur du rectangle pour qu'elle corresponde à l'arrière-plan
- Déplacez maintenant le rectangle nouvellement créé sous le bouton principal (Rectangle).
- Sélectionnez le bouton (Rectangle) et tout texte facultatif, puis regroupez-les avec <kbd>CTRL/⌘ + G</kbd>
- Nommez le groupe "Button"
#### Référez vous à [cette vidéo](https://youtu.be/Qd-jJjduWeQ) si vous rencontrez tout problème
<br><br>
<a id="Using-Tkinter-Designer"></a>
# Utiliser Tkinter Designer <small>[[Haut](#sommaire)]</small>
### Ouvrez Tkinter Designer avant de suivre les étapes suivantes
<br>
<a id="using-1"></a>
## 1. Clé d'accès personnelle
1. Connectez-vous à votre compte Figma
2. Accédez à Paramètres
3. Dans l'onglet **Compte**, faites défiler jusqu'à **Personnal access tokens**
4. Saisissez le nom de votre clé d'accès dans le formulaire de saisie et appuyez sur <kbd>Entrée</kbd>
5. Votre clé d'accès personnelle sera créé.
- Copiez cette clé et conservez-la dans un endroit sûr.
- **Vous n'aurez pas d'autre chance de copier cette clé.**
6. Collez votre clé d'accès personnelle dans le formulaire **Token ID** dans Tkinter Designer
___
<br>
<a id="using-2"></a>
## 2. URL du fichier
1. Dans votre fichier de conception Figma, cliquez sur le bouton **Partager** dans la barre supérieure, puis cliquez sur **🔗 Copier le lien**
2. Collez le lien dans la zone **File URL** au sein de Tkinter Designer
___
<br>
<a id="using-cli"></a>
## Utilisation de l'interface de ligne de commande
L'utilisation de la CLI est aussi simple que l'installation du package et l'exécution de l'outil CLI.
Vous 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) .
```bash
# Exemple de données
$ python -m tkdesigner.cli https://www.figma.com/file/WVLnulVsI177tvnxSdqOUZ/Untitled?node-id=0%3A1 $YOUR_FIGMA_TOKEN -f
# Pour en savoir plus sur l'utilisation de la cli, passez l'indicateur --help
$ python -m tkdesigner.cli --help
```
Par défaut, le code GUI sera écrit dans build/gui.py.
Pour 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.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## Utilisation de l'interface graphique
1. Ouvrez TKinter Designer en
```
cd Tkinter-Designer
interface graphique cd
python3 gui.py
```
2. Collez votre *jeton d'accès personnel* dans le formulaire **ID de jeton** dans Tkinter Designer
3. Collez le lien dans le formulaire **URL du fichier** dans Tkinter Designer
4. Cliquez sur le formulaire **Chemin de sortie** pour ouvrir un navigateur de fichiers
5. Choisissez un chemin de sortie et cliquez sur **Sélectionner un dossier**
6. Appuyez sur **Générer**
Les 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 !
<br><br>
<a id="Troubleshooting"></a>
# Diagnostic des anomalies <small>[[Haut](#sommaire)]</small>
- Éléments non visibles ? Mal placés ?
- Veuillez vous assurer que votre fichier Figma a ses éléments nommés correctement. * Voir [Formater votre dessin Figma, §1](#formatting-1)
- Le bouton a un arrière-plan gris non désiré ?
- 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
- Éléments incorrects ?
- Assurez-vous d'avoir nommé correctement vos éléments dans Figma
- Se référer à [Formater votre design Figma, §1](#formatting-1)
- La fenêtre est plus grande que l'écran ?
- Réduisez la taille de vos éléments dans Figma
- Les fichiers ne se génèrent pas ?
- Redémarrez Tkinter Designer
- Vérifiez la clé d'API et l'URL
- Assurez-vous que votre design a une Frame
- Autre chose ?
- [Signalez des problèmes non répertoriés ici sur GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
================================================
FILE: docs/instructions.gu-GU.md
================================================
# How to use Tkinter Designer
___
## અનુક્રમણિકા
1. **પ્રારંભ કરી રહ્યા છીએ**
1. પાયથોન ઇન્સ્ટોલ કરો
2. ટીકીટર ડિઝાઇનર ઇન્સ્ટોલ કરો
3. ફિગ્મા એકાઉન્ટ બનાવો
2. **તમારી ફિગ્મા ડિઝાઇન ફોર્મેટિંગ**
1. સંદર્ભ
2. એલિમેન્ટ ગાઇડ
3. **ટિંકટર ડિઝાઇનરનો ઉપયોગ કરીને**
1. વ્યક્તિગત પ્રવેશ ટોકન
2. ફાઇલ URL
3. તમારા જનરેટેડ કોડની કસોટી કરો
4. **મુશ્કેલીનિવારણ**
<br> <br>
# પ્રારંભ <small> [[અનુક્રમણિકા]](#અનુક્રમણિકા)</small>
<a id="getting-stated-1"></a>
## 1. પાયથોન ઇન્સ્ટોલ કરો
ટિંકટર ડિઝાઇનરનો ઉપયોગ કરતા પહેલા, તમારે પાયથોન ઇન્સ્ટોલ કરવાની જરૂર છે.
- [અહીં Python ડાઉનલોડ્સ Page ની એક લિંક છે.](https://www.python.org/downloads)
- [વિવિધ operating સિસ્ટમો પર પાયથોન install કરવા માટે અહીં સહાયક માર્ગદર્શિકા છે.](https://wiki.python.org/moin/BeginnersGuide/Download)
- પછી આ માર્ગદર્શિકામાં, તમે Python(pip) માટે પેકેજ ઇન્સ્ટોલરનો ઉપયોગ કરશો, જેના માટે તમારે તમારી સિસ્ટમ પાથમાં પાયથોન ઉમેરવાની જરૂર પડી શકે છે. *
___
<br>
<a id="getting-started-2"> </a>
## 2. ટિંકટર ડિઝાઇનર ઇન્સ્ટોલ કરો
એકવાર તમે પાયથોન ઇન્સ્ટોલ કર્યા પછી, તમે Tkinter ડિઝાઇનર [Official Repository](https://github.com/ParthJadhav/Tkinter-Designer) પરથી ડાઉનલોડ કરી શકો છો.
જમણી બાજુની સાઇડબારમાં, નવીનતમ પ્રકાશનને ક્લિક કરો અને **Assets** હેઠળ, `tkinter_designer.exe` પસંદ કરો. એક્ઝેક્યુટેબલ ડાઉનલોડ થયા પછી, તમે પ્રોગ્રામ ચલાવવા માટે તૈયાર છો!
સ્રોત કોડમાંથી ટિંક્ટર ડિઝાઇનર ચલાવવા માટે, નીચે આપેલા સૂચનોને અનુસરો.
1. સ્રોત ફાઇલોને ટિંકટર ડિઝાઇનર માટે જાતે ડાઉનલોડ કરીને અથવા ઉપયોગ કરીને ડાઉનલોડ કરો git :-
`git clone https://github.com/ParthJadhav/Tkinter-Designer.git`
2. તમારી કાર્યકારી ડિરેક્ટરીને ટીકીટર ડિઝાઇનર પર બદલો
`cd Tkinter-Designer`
3. ચલાવીને જરૂરી પરાધીનતા સ્થાપિત કરો
`pip install -r requirements.txt` ચલાવીને આવશ્યક અવલંબન સ્થાપિત કરો
- જે સ્થિતિમાં PIP કામ કરતું નથી, નીચેના આદેશો પણ અજમાવો:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- જો આ હજી પણ કામ કરતું નથી, તો ખાતરી કરો કે પાયથોન PATH માં ઉમેરવામાં આવ્યો છે.
આ બધી આવશ્યકતાઓ અને ટિંકટર ડિઝાઇનર ઇન્સ્ટોલ કરશે. તમે ટિંકટર ડિઝાઇનરનો ઉપયોગ કરો તે પહેલાં તમારે નીચેની સૂચનાઓ સાથે ફિગ્મા ફાઇલ બનાવવાની જરૂર છે.
જો તમે પહેલેથી જ ફાઇલ બનાવી છે, તો પછી [** ટીકીટર ડિઝાઇનરનો ઉપયોગ કરીને **] (# ઉપયોગ કરીને-ટિંકિટર-ડિઝાઇનર) વિભાગ પર જાઓ.
___
<br>
<a id="getting-started-3"> </a>
## 3. ફિગ્મા એકાઉન્ટ બનાવો
1. વેબ બ્રાઉઝરમાં, [figma.com](https://www.figma.com/) પર નેવિગેટ કરો અને 'સાઇન અપ' ક્લિક કરો.
2. તમારી માહિતી દાખલ કરો, પછી તમારું ઇમેઇલ ચકાસો
3. નવી ફિગ્મા ડિઝાઇન ફાઇલ બનાવો
4. તમારી જીયુઆઈ બનાવવાનું પ્રારંભ કરો
- આગલા વિભાગમાં ટિંકટર ડિઝાઇનર ઇનપુટ માટે આવશ્યક ફોર્મેટિંગ આવરી લે છે.
- [નવા નિશાળીયા માટે ફિગ્મા ટ્યુટોરિયલ શ્રેણી અહીં છે.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [અહીં ફિગ્મા યુટ્યુબ ચેનલની officialફિશિયલ ચેનલ છે.](https://www.youtube.com/c/Figmadesign/featured)
- [અહીં ફિગ્મા સહાય કેન્દ્ર છે.](https://help.figma.com/hc/en-us)
<br> <br>
<a id="formatting-1"> </a>
# તમારી ફિગ્મા ડિઝાઇનને ફોર્મેટ કરી રહ્યું છે
## 1. સંદર્ભ
<br>
### નામકરણ મહત્વપૂર્ણ છે
| ફિગ્મા Element નામ | Tkinter |
| --- | --- |
| Button | Button |
| Line | Line |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
Tkinter ડિઝાઇનર દ્વારા જનરેટ થયેલ કોડ તમારી ફિગ્મા ડિઝાઇનના તત્વોના નામ પર આધારિત છે અને, જેમ કે, તમારે તે મુજબ તમારા તત્વોનું નામ લેવાની જરૂર છે. ફિગ્મામાં, તમારા તત્વોને સ્તર પેનલમાં ડબલ-ક્લિક કરીને નામ બદલો.
___
<br>
<a id="formatting-2"> </a>
## 2. એલિમેન્ટ માર્ગદર્શિકા
<br>
1. **પ્રથમ, એક ફ્રેમ બનાવો જે તમારી ટિંકટર વિંડો તરીકે કામ કરશે.**
<br> <br>
2. **છબીઓ ઉમેરવી**
- છબીઓ આકાર અને / અથવા છબીઓનો ઉપયોગ કરીને બનાવી શકાય છે
- જો તમે બહુવિધ આકારો / છબીઓનો ઉપયોગ કરો છો, તો તમારે બધાને પસંદ કરીને અને <kbd> CTRL / & # 8984 ને દબાવવાથી તેમને એક સાથે જૂથ બનાવવું જોઈએ; + G </kbd>
- તે નામ પછી તત્વ અથવા જૂથને "છબી" તરીકે નામ આપો.
<br> <br>
*. **ટેક્સ્ટ (સામાન્ય ટેક્સ્ટ)**
- ટેક્સ્ટ ટૂલને સક્રિય કરવા માટે <kbd> T </kbd> કીનો ઉપયોગ કરો, પછી ઇચ્છિત લખાણ ઉમેરો
ટિંકટર ડિઝાઇનરના ઉપયોગ માટે ટેક્સ્ટનું નામ બદલવું જરૂરી નથી
આગલી લાઇન પર જવા માટે સ્પષ્ટ રીતે <kbd> Return </kbd> અથવા <kbd> Enter </kbd>કી દબાવો.
<br> <br>
- **એન્ટ્રી (સિંગલ લાઇન યુઝર ઇનપુટ)**
- <kbd> R </kbd> સાથે લંબચોરસ ટૂલને સક્રિય કરો
- તમારી પસંદગી પ્રમાણે લંબચોરસને સમાયોજિત કરો
- ખાતરી કરો કે લંબચોરસનું નામ "TextBox" છે
<br> <br>
- **ટેક્સ્ટ ક્ષેત્ર (મલ્ટિ-લાઇન યુઝર ઇનપુટ)**
- <kbd> R </kbd> સાથે લંબચોરસ ટૂલને સક્રિય કરો
- તમારી પસંદગી પ્રમાણે લંબચોરસને સમાયોજિત કરો
- ખાતરી કરો કે લંબચોરસનું નામ "TextArea" છે
6. **લંબચોરસ**
<kbd> R </kbd> સાથે લંબચોરસ ટૂલને સક્રિય કરો
- તમારી રુચિ પ્રમાણે લંબચોરસને સમાયોજિત કરો
- ખાતરી કરો કે લંબચોરસનું નામ "Rectangle" રાખવામાં આવ્યું છે
<br> <br>
7. **સામાન્ય બટન**
- તમારા GUI માં બટન તરીકે સેવા આપવા માટે લંબચોરસ ઉમેરો
- વૈકલ્પિક: બટન માટે ટેક્સ્ટ ઉમેરો
- બટન (લંબચોરસ) અને કોઈપણ લખાણ, પસંદ કરો પછી તેને <kbd> Ctrl/⌘ + G</kbd> સાથે જૂથ બનાવો
- જૂથનું નામ "Button"
#### જો તમને કોઈ મુશ્કેલીનો સામનો કરવો પડે તો [આ વિડિઓ](https://youtu.be/Qd-jJjduWeQ) નો સંદર્ભ લો
<br> <br>
8. **ગોળાકાર બટન**
- તમારા GUI માં બટન તરીકે સેવા આપવા માટે લંબચોરસ ઉમેરો
- વૈકલ્પિક: બટન માટે ટેક્સ્ટ ઉમેરો
- લંબચોરસ પસંદ કરીને અને ખૂણે ત્રિજ્યાને જમણી બાજુથી ઉમેરીને તેને ગોળાકાર બનાવો. [તેના પર વધુ વાંચો](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)
- તમારા બટનના સમાન કદ સાથે એક લંબચોરસ બનાવો. તેને ગોળાકાર ન બનાવો.
પૃષ્ઠભૂમિ સાથે મેળ કરવા માટે લંબચોરસનો રંગ બદલો
- હવે નવા બનાવેલા લંબચોરસને મુખ્ય બટન (લંબચોરસ) ની નીચે ખસેડો.
- બટન, લંબચોરસ અને કોઈપણ વૈકલ્પિક ટેક્સ્ટ પસંદ કરો, પછી તેમને <kbd> Ctrl / ⌘ + G </kbd> સાથે જૂથ બનાવો
- જૂથનું નામ "Button"
#### જો તમને કોઈ મુશ્કેલીનો સામનો કરવો પડે તો [આ વિડિઓ](https://youtu.be/Qd-jJjduWeQ) નો સંદર્ભ લો
<br> <br>
### ટિંકિટર ડિઝાઇનરને નીચેના પગલાઓ કરતા પહેલા ખોલો
<br>
<a id="used-1"> </a>
## 1. પર્સનલ એક્સેસ ટોકન
1. તમારા ફિગ્મા એકાઉન્ટમાં લ .ગ ઇન કરો
2. સેટિંગ્સ પર નેવિગેટ કરો
The. **એકાઉન્ટ** ટ tabબમાં, **વ્યક્તિગત પ્રવેશ ટોકન્સ** પર નીચે સ્ક્રોલ કરો
The. પ્રવેશ ફોર્મમાં તમારી toક્સેસ ટોકનનું નામ દાખલ કરો અને <kbd> Enter </kbd> દબાવો
5. તમારી Personal Access Token બનાવવામાં આવશે.
- આ ટોકન Copy કરો અને તેને ક્યાંક સુરક્ષિત રાખો.
- **તમને આ ટોકન copy કરવાની બીજી તક નહીં મળે.**
6. તમારી Private Access Token Tkinter ડિઝાઇનરમાં **Token Id** ફોર્મમાં પેસ્ટ કરો
___
<br>
<a id="used-2"> </a>
## 2. ફાઇલ URL
1. તમારી ફિગ્મા ડિઝાઇન ફાઇલમાં, ટોચની પટ્ટીમાં **Share** બટનને ક્લિક કરો, પછી **🔗** પર ક્લિક કરો; link Copy કરો
2. Tkinter ડિઝાઇનરમાં **File URL** ફોર્મમાં લિંક પેસ્ટ કરો
___
<br>
## ની મદદથી CLI
CLI નો ઉપયોગ એ પેકેજ ઇન્સ્ટોલ કરવા અને CLI ટૂલ ચલાવવા જેટલું સરળ છે.
તમે પેદા ફિગ્મા પર્સનલ Accessક્સેસ ટોકન દ્વારા $ YOUR_FIGMA_TOKEN ને બદલીને તમે પરીક્ષણ તરીકે નીચેનો આદેશ વાપરી શકો છો.
```bash
# Example data
$ python -m tkdesigner.cli https://www.figma.com/file/WVLnulVsI177tvnxSdqOUZ/Untitled?node-id=0%3A1 $YOUR_FIGMA_TOKEN -f
# ક્લાઈટનો ઉપયોગ કેવી રીતે કરવો તે વિશે વધુ જાણવા માટે --help ફ્લેગ પસાર કરો
python -m tkdesigner.cli --help
```
ડિફ defaultલ્ટ રૂપે, GUI કોડ build / gui.py પર લખવામાં આવશે.
જનરેટ કરેલી GUI, સીડી ચલાવવા માટે તમે તેને બનાવેલ ડિરેક્ટરીમાં (દા.ત. build / -) બનાવો અને તમે ચલાવો તે જ રીતે ચલાવો-ટિંકટર GUI.
```bash
cd build
$ python3 gui.py
```
## GUI નો ઉપયોગ કરીને
1. દ્વારા "Tkinter Designer GUI" ખોલો
```
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. તમારી *Personal Access Token* ટીકીટર ડિઝાઇનરમાં **Token ID** ફોર્મમાં પેસ્ટ કરો
3. ટિંકિટર ડિઝાઇનરમાં **File URL** ફોર્મમાં લિંક પેસ્ટ કરો
4. ફાઇલ બ્રાઉઝર ખોલવા માટે **Select Path** ફોર્મને ક્લિક કરો
5. આઉટપુટ પાથ પસંદ કરો અને **ફોલ્ડર પસંદ કરો** ક્લિક કરો.
6. દબાવો **Generate**
ટિંકટર ડિઝાઇનરની આઉટપુટ ફાઇલો તમારી પસંદ કરેલી ડિરેક્ટરીમાં **build** નામના નવા ફોલ્ડરમાં મૂકવામાં આવશે. અભિનંદન, તમે હવે Tkinter ડીઝાઈનરનો ઉપયોગ કરીને તમારું Tkinter GUI બનાવ્યું છે!
<br> <br>
# મુશ્કેલીનિવારણ
- તત્વો દૃશ્યમાન નથી? ખોટી રીતે?
- કૃપા કરીને ખાતરી કરો કે તમારી ફિગ્મા ફાઇલમાં તે તત્વો યોગ્ય નામવાળી છે.
- બટનની અકારણ ગ્રે પૃષ્ઠભૂમિ છે?
- ખાતરી કરો કે તમે તમારા બટન તત્વની પાછળ એક લંબચોરસ ઉમેર્યો છે, અને તેનો ભરો રંગ પૃષ્ઠભૂમિ જેવો જ છે
- ખોટા તત્વો?
- ખાતરી કરો કે તમે ફિગ્મામાં તમારા તત્વોનું નામ યોગ્ય રાખ્યું છે
- જુઓ [તમારી ફિગ્મા ડિઝાઇન ફોર્મેટિંગ, અને સંપ્રદાય; 1](#formatting-1)
- વિંડો સ્ક્રીન કરતા મોટી છે?
- ફિગ્મામાં તમારા તત્વોનું કદ ઘટાડવું
- ફાઇલો ઉત્પન્ન થતી નથી?
ટિંકટર ડિઝાઇનરને ફરીથી પ્રારંભ કરો
- Token અને URL ને બે વાર તપાસો
- ખાતરી કરો કે તમારી ડિઝાઇનમાં ફ્રેમ છે
- કંઈક બીજું?
- [અહીં GitHub પર સૂચિબદ્ધ નથી તેવા મુદ્દાઓની જાણ કરો](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
================================================
FILE: docs/instructions.it-IT.md
================================================
# Come usare Tkinter Designer
#### Traduzioni
- [简体中文](/docs/instructions.zh-CN.md)
- [Français](/docs/instructions.fr-FR.md)
- [ગુજરાતી](docs/instructions.gu-GU.md)
- [Italiano](instructions.it-IT.md)
- [عربية](/docs/instructions.ar-DZ.md)
- [Turkish](/docs/instructions.tr-TR.md)
___
## Indice dei contenuti
1. [**Introduzione**](#getting-started-1)
1. [Installa Python](#getting-started-1)
2. [Installa Tkinter Designer](#getting-started-2)
3. [Crea un account Figma](#getting-started-3)
2. [**Formattare il Design di Figma**](#formatting-1)
1. [Riferimento](#formatting-1)
2. [Guida sugli elementi](#formatting-2)
3. [**Utilizza Tkinter Designer**](#Using-Tkinter-Designer)
1. [Personal Access Token](#using-1)
2. [Ottieni l'URL del file](#using-2)
3. [Utilizzare la CLI](#using-cli)
4. [Utilizzare la GUI](#using-gui)
4. [**Risoluzione dei problemi**](#Troubleshooting)
<br><br>
# Introduzione <small>[[Top](#indice-dei-contenuti)]</small>
<a id="getting-started-1"></a>
## 1. Installa Python
Prima di utilizzare Tkinter Designer, devi installare Python.
- [Questo è un collegamento alla pagina di download di Python.](https://www.python.org/downloads)
- [Questa è una guida utile su come installare Python su vari sistemi operativi.](https://wiki.python.org/moin/BeginnersGuide/Download)
*In questa guida dovrai utilizzare il Package Installer for Python (pip), il quale potrebbe richiedere di essere aggiunto alla PATH di sistema.*
___
<br>
<a id="getting-started-2"></a>
## 2. Installa Tkinter Designer
*Tre opzioni:*
1. Utilizza il comando `pip install tkdesigner`;
2. Tramite [poetry](https:python-poetry.org)
- `poetry new <gui_project_name> && cd <gui_project_name>`
- `poetry add tkdesigner`
- `poetry install`
Per eseguire i comandi sopra riportati è necessario aver installato [poetry](https:python-poetry.org).
3. Per eseguire Tkinter Designer dal codice sorgente, segui le seguenti istruzioni.
1. Scarica manualmente i file dal codice sorgente di Tkinter Designer by downloading o utilizza GIT.
` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `
2. Spostati nella directory di Tkinter Designer.
`cd Tkinter-Designer`
3. Installa le dipendenze necessarie tramite i seguenti comandi:
- `pip install -r requirements.txt`
- Se pip non dovesse funzionare, puoi provare ad utilizzare i seguenti comandi:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- Se non dovesse comunque funzionare, assicurati di aver aggiunto Python alla PATH di sistema.
Questo installerà Tkinter Designer e le sue dipendenze. Per poter utilizzare Tkinter Designer devi creare un file di Figma seguendo le istruzioni.
Qualora avessi già creato il file puoi recarti nella sezione [**Utilizza Tkinter Designer**](#Using-Tkinter-Designer).
___
<br>
<a id="getting-started-3"></a>
## 3. Crea un account Figma
1. In un web brwoser, vai su [figma.com](https://www.figma.com/) e clicca su 'Sign up';
2. Inserisci le tue informazioni, e verifica il tuo indirizzo mail;
3. Crea un nuovo File di Design Figma;
4. Inizia a disegnare la tua interfaccia.
- Di seguito delle fonti utili:
- [Questa è la serie di tutorial ufficiale di Figma.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [Questo è il canale YouTube ufficiale di Figma.](https://www.youtube.com/c/Figmadesign/featured)
- [Questo è il centro di assistenza ufficiale di Figma.](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# Formatta il tuo Design Figma <small>[[Top](#indice-dei-contenuti)]</small>
## 1. Riferimento
<br>
### La denominazione è importante
| Nome elemento Figma | Elemento Tkinter |
| --- | --- |
| Button | Button |
| Line | Line |
| Text | Testo a scelta |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
Il 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.
___
<br>
<a id="formatting-2"></a>
## 2. Guida sugli elementi
<br>
1. **Per prima cosa, crea un Frame che fungerà come finestra di Tkinter.**
<br><br>
2. **Aggiungi immagini**
- Le immagini possono essere importate o create mediante forme
- Se desideri utilizzare più forme/immagini, devi raggrupparle selezionandole e premendo i tasti <kbd>CTRL/⌘ + G</kbd>
- Dopodiché nomina l'elemento o il gruppo "Image"
<br><br>
3. **Testo (Testo normale)**
- Usa il tasto <kbd>T</kbd> per attivare lo strumento testo, quindi aggiungi il testo desiderato
- Il testo non deve essere rinominato per essere utilizzato in Tkinter Designer
- Premi il tasto <kbd>Return</kbd> o <kbd>Enter</kbd> per muoverti alla riga successiva
<br><br>
4. **Input (Inserimento a linea singola)**
- Attiva lo strumento rettangolo utilizzando il tasto <kbd>R</kbd>
- Ridimensiona l'elemento rettangolo a tuo piacimento
- Assicurati di rinominare l'elemento rettangolo "TextBox"
<br><br>
5. **Area di testo (Inserimento a linea multipla)**
- Attiva lo strumento rettangolo utilizzando il tasto <kbd>R</kbd>
- Ridimensiona l'elemento rettangolo a tuo piacimento
- Assicurati di rinominare l'elemento rettangolo "TextArea"
6. **Rettangolo**
- Attiva lo strumento rettangolo utilizzando il tasto <kbd>R</kbd>
- Ridimensiona l'elemento rettangolo a tuo piacimento
- Assicurati di rinominare l'elemento rettangolo "Rectangle"
<br><br>
7. **Pulsante normale**
- Aggiungi un rettangolo per farlo funzionare come pulsante
- Facoltativo: Aggiungi un testo al tuo pulsante
- Seleziona il pulsante (Rettangolo), e l'eventuale testo, e raggruppali premendo i tasti <kbd>CTRL/⌘ + G</kbd>
- Rinomina il gruppo "Button"
#### Guarda [questo video](https://youtu.be/Qd-jJjduWeQ) se dovessi riscontrare problemi.
<br><br>
8. **Pulsante rotondo**
- Aggiungi un rettangolo per farlo funzionare come pulsante
- Facoltativo: Aggiungi un testo al tuo pulsante
- 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)
- Crea un elemento Rettangolo dalle stesse dimensioni del tuo pulsante. Non seguire il punto precedente (dunque non renderlo rotondo)
- Cambia il colore dell'elemento Rettangolo in modo da farlo combaciare con lo sfondo
- Ora posizionati sull'ultimo elemento Rettangolo creato (quello sottostante)
- Seleziona il pulsante (Rettangolo), e l'eventuale testo, e raggruppali premendo i tasti <kbd>CTRL/⌘ + G</kbd>
- Rinomina il gruppo "Button"
#### Guarda [questo video](https://youtu.be/Qd-jJjduWeQ) se dovessi riscontrare problemi.
<br><br>
<a id="Using-Tkinter-Designer"></a>
# Utilizza Tkinter Designer <small>[[Top](#indice-dei-contenuti)]</small>
## Requisiti minimi
Ci sono alcuni requisiti minimi che devi soddisfare per poter utilizzare TKinter Designer.
<a id="using-1"></a>
### 1. Personal Access Token
1. Accedi a Figma
2. Vai nelle impostazioni
3. Nella scheda **Account**, scrolla fino a **Personal access tokens**
4. Inserisci il nome del tuo access token nel campo e premi <kbd>Enter</kbd>
5. Ora il tuo Personal Access Token è stato creato.
- Copia questo token e tienilo al sicuro.
- **Non esiste alcuna procedura per recuperare questo codice.**
<a id="using-2"></a>
### 2. Ottieni l'URL del file
1. Nel tuo file di Design Figma, clicca sul pulsante **Share** nella barra in alto, quindi clicca su **🔗 Copy link**
<a id="using-cli"></a>
## Utilizzare la CLI
Per utilizzare la CLI è sufficiente installare il pacchetto ed avviarlo da riga di comando. Per installarlo segui una delle due prossime opzioni.
### Tramite PyPi
Puoi 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).
``` bash
pip install tkdesigner
tkdesigner $FILE_URL $FIGMA_TOKEN
```
### Tramite sorgente
Per usare CLI puoi decidere di clonare il codice sorgente dalla repository e seguire le istruzioni di seguito.
Puoi 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).
```bash
$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN
# To learn more about how to use the cli, pass the --help flag
$ python -m tkdesigner --help
```
### Output
Di 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.
Per eseguire la GUI generata, spostarsi nella directory di output ed eseguire allo stesso modo in cui si esegue una GUI in Tkinter.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## Utilizzare la GUI
### Apri Tkinter Designer prima di eseguire i seguenti passaggi
<br>
1. Apri TKinter Designer GUI eseguendo i seguenti comandi:
```
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. Incolla il tuo *personal access token* nel form **Token ID** di Tkinter Designer
3. Incolla il tuo **File URL** nel form di Tkinter Designer
4. Clicca su **Output Path** per aprire il file browser
5. Scegli la cartella di destinazione e clicca su **Select Folder**
6. Clicca infine su **Generate**
I 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!
<br><br>
<a id="Troubleshooting"></a>
# Risoluzione dei problemi <small>[[Top](#indice-dei-contenuti)]</small>
- Elementi non visibili? Fuori posto?
- Assicurati di aver rinominato correttamente gli elementi nel tuo file di Figma.
Leggi [Formatta il tuo Design Figma](#formatting-1).
- Il pulsante ha un indisiderato sfondo grigio?
- Assicurati di aver aggiunto un Rettangolo dietro al tuo elemento pulsante, e che il suo colore sia identico a quello di sfondo.
- Elementi errati?
- Assicurati di aver rinominato correttamente gli elementi nel tuo file di Figma.
Leggi [Formatta il tuo Design Figma](#formatting-1).
- La finestra è più grande dello schermo?
- Riduci la dimensione degli elementi Figma.
- Non si generano i file?
- Riavvia Tkinter Designer
- Controlla il tuo personal access token e l'URL del file
- Assicurati di aver predisposto un frame al tuo file di Figma
- Qualcos'altro?
- [Segnala i problemi non listati nella sezione Issues della repository](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
================================================
FILE: docs/instructions.kr-KR.md
================================================
# Tkinter Designer 사용법
___
## 목차
1. [**시작하기**](#getting-started-1)
1. [Python 설치하기](#getting-started-1)
2. [Tkinter Designer 설치하기](#getting-started-2)
3. [Figma 계정 생성하기](#getting-started-3)
2. [**Figma 가이드**](#formatting-1)
1. [레퍼런스](#formatting-1)
2. [속성 가이드](#formatting-2)
3. [**Tkinter Designer 사용하기**](#Using-Tkinter-Designer)
1. [Access Token](#using-1)
2. [File URL 가져오기](#using-2)
3. [CLI 사용하기](#using-cli)
4. [GUI 사용하기](#using-gui)
4. [**문제해결**](#Troubleshooting)
<br><br>
# 시작하기 <small>[[Top](#)]</small>
<a id="getting-started-1"></a>
## 1. Python 설치하기
Tkinter Designer를 사용하기 전에 Python을 설치해야 합니다.
- [여기에서 Python을 설치할 수 있습니다.](https://www.python.org/downloads)
- [다음은 다양한 운영 체제에 Python을 설치하는 데 유용한 가이드입니다.](https://wiki.python.org/moin/BeginnersGuide/Download)
*이 가이드의 뒷부분에서 Python용 Package Installer(pip)를 사용할 것이며, 이 경우 시스템 환경변수에 Python을 추가해야 할 수도 있습니다.*
___
<br>
<a id="getting-started-2"></a>
## 2. Tkinter Designer 설치하기
*세 가지 옵션:*
1. `pip install tkdesigner`
2. [poetry](https:python-poetry.org) 설치
- `poetry new <gui_project_name> && cd <gui_project_name>`
- `poetry add tkdesigner`
- `poetry install`
3. 소스 코드에서 Tkinter Designer를 실행하려면 아래 지침을 따르십시오.
1. Tkinter Designer의 원본 파일을 수동으로 다운로드하거나 GIT를 사용하여 다운로드합니다.
` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `
2. 작업 디렉토리를 Tkinter Designer로 변경합니다.
`cd Tkinter-Designer`
3. 다음을 실행하여 필요한 종속성을 설치합니다.
- `pip install -r requirements.txt`
- pip이 작동하지 않는 경우 다음 명령도 사용해 보십시오:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- 그래도 작동하지 않으면 환경변수에 Python이 추가되었는지 확인합니다.
그러면 모든 요구 사항과 Tkinter Designer가 설치됩니다. Tkinter Designer를 사용하기 전에 아래 지침을 사용하여 Figma 파일을 만들어야 합니다.
파일을 이미 만든 경우 [**Tkinter Designer 사용하기**](#Using-Tkinter-Designer) 섹션으로 건너뜁니다.
___
<br>
<a id="getting-started-3"></a>
## 3. Figma 계정 생성하기
1. 웹 브라우저에서 [figma.com ](https://www.figma.com/)로 이동하여 '가입'을 클릭합니다.
2. 정보를 입력한 다음 이메일 인증을 합니다.
3. 새로운 Figma 파일을 만듭니다.
4. GUI 제작 시작
- 다음 섹션에서는 Tkinter Designer 입력에 필요한 형식에 대해 설명합니다.
- [초보자를 위한 공식 피그마 튜토리얼 시리즈입니다.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [피그마 공식 유튜브 채널입니다.](https://www.youtube.com/c/Figmadesign/featured)
- [여기가 피그마 도움말입니다.](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# Figma 가이드 <small>[[Top](#목차)]</small>
## 1. 레퍼런스
<br>
### Naming이 중요합니다
| Figma Element Name | Tkinter Element |
| --- | --- |
| Button | Button |
| Line | Line |
| Text | Name it anything |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
Tkinter Designer에서 생성된 코드는 Figma 설계의 요소 이름을 기반으로 하므로 요소 이름을 적절하게 지정해야 합니다. Figma의 레이어 패널에서 요소를 두 번 클릭하여 이름을 바꿉니다.
___
<br>
<a id="formatting-2"></a>
## 2. 속성 가이드
<br>
1. **먼저 Tkinter 창 역할을 할 프레임을 만듭니다.**
<br><br>
2. **Image**
- 도형 및/또는 이미지를 사용하여 이미지를 생성할 수 있습니다.
- 여러 도형/이미지를 사용하는 경우 '모두 선택'을 눌러 그룹화해야 합니다 <kbd>CTRL/⌘ + G</kbd>
- 그런 다음 요소 또는 그룹의 이름을 "이미지"로 지정합니다.
<br><br>
3. **Text (일반 텍스트)**
- <kbd>T</kbd> 키를 눌러 텍스트 도구를 활성화한 다음 원하는 대로 텍스트 추가합니다.
- Tkinter Designer에서 사용하기 위해 텍스트 이름을 변경할 필요가 없습니다.
- 명시적으로 <kbd>Return</kbd> 또는 <kbd>Enter</kbd> 키를 눌러 다음 줄로 이동합니다.
<br><br>
4. **Entry (사용자의 한 줄 입력)**
- <kbd>R</kbd>을 사용하여 Rectangle 도구 활성화
- 원하는 대로 Rectangle 조정
- Rectangle의 이름이 "TextBox"인지 확인합니다
<br><br>
5. **Text Area (사용자의 여러줄 입력)**
- <kbd>R</kbd>을 사용하여 Rectangle 도구 활성화
- 원하는 대로 Rectangle 조정
- Rectangle의 이름이 "TextArea"인지 확인합니다
6. **Rectangle**
- <kbd>R</kbd>을 사용하여 Rectangle 도구 활성화
- 원하는 대로 Rectangle 조정
- Rectangle의 이름이 "Rectangle"인지 확인합니다
<br><br>
7. **Normal Button**
- GUI에서 button으로 사용할 rectangle 추가
- 선택 사항: button에 대한 text 추가
- button(Rectangle)과 옵션으로 text를 선택한 다음 <kbd>CTRL/⌘ + G</kbd>로 그룹화합니다
- 그룹 이름을 "Button"으로 지정합니다
<br><br>
8. **둥근 Button**
- GUI에서 button으로 사용할 rectangle 추가
- 선택 사항: button에 text 추가
- rectangle을 선택하고 오른쪽에서 모서리 반지름을 추가하여 모서리 반지름을 반올림합니다. [자세히 읽어보기](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)
- button과 크기가 같은 Rectangle을 만듭니다. 동그랗게 만들지 마세요.
- 배경과 일치하도록 Rectangle 색상 변경
- 이제 새로 만든 Rectangle을 기본 button(Rectangle) 아래로 이동합니다.
- button, Rectangle및 optional text를 선택한 다음 <kbd>CTRL/⌘ + G</kbd>로 그룹화합니다
- 그룹 이름을 "Button"으로 지정합니다
#### 문제가 발생하면 [유튜브](https://youtu.be/Qd-jJjduWeQ) 를 참조하십시오
<br><br>
<a id="Using-Tkinter-Designer"></a>
# Tkinter Designer 사용하기 <small>[[Top](#목차)]</small>
## 필수 입력 정보
TKinter Designer를 사용하려면 몇 가지 입력 정보를 수집해야 합니다.
<a id="using-1"></a>
### 1. 개인 액세스 토큰
1. Figma 계정에 로그인합니다
2. 설정으로 이동
3. **Account** 탭에서 **Personal access tokens**으로 스크롤합니다
4. 입력 양식에 액세스 토큰 이름을 입력하고 <kbd>Enter</kbd> 키를 누릅니다
5. 개인 액세스 토큰이 생성됩니다.
- 이 토큰을 복사하여 안전한 곳에 보관하십시오.
- **이 토큰을 다시 복사할 수 없습니다.**
<a id="using-2"></a>
### 2. File URL 얻기
1. Figma 디자인 파일에서 상단 바의 **Share** 버튼을 클릭한 다음 **🔗 Copy link**를 클릭합니다.
<a id="using-cli"></a>
## CLI로 실행하기
CLI를 사용하는 것은 패키지를 설치하고 CLI 도구를 실행하는 것만큼 간단합니다.
### PyPi로 실행하기
$FILE_URL & $FIGMA_TOKEN을 데이터로 대체하여 아래 명령을 테스트로 사용할 수 있습니다. 토큰과 링크가 없으면 [**필수 입력 정보 Section**](#Using-Tkinter-Designer)을 참조하십시오.
``` bash
pip install tkdesigner
tkdesigner $FILE_URL $FIGMA_TOKEN
```
### 소스로 실행하기
소스 코드에서 CLI를 사용하려면 리포지토리를 복제한 다음 아래 지침을 따라야 합니다.
$FILE_URL & $FIGMA_TOKEN을 데이터로 대체하여 아래 명령을 테스트로 사용할 수 있습니다. 토큰과 링크가 없으면 [**필수 입력 정보 Section**](#Using-Tkinter-Designer)을 참조하십시오.
```bash
$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN
# To learn more about how to use the cli, pass the --help flag
$ python -m tkdesigner --help
```
### 결과물
기본적으로 GUI 코드는 build/gui.py 에 기록됩니다. '-o' 플래그를 사용하고 경로를 제공하여 출력 경로를 지정할 수 있습니다.
생성된 GUI를 실행하려면 빌드한 디렉토리(예: build/)에 들어가 Tkinter GUI와 마찬가지로 실행합니다.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## GUI로 실행하기
### 다음 단계를 수행하기 전에 Tkinter Designer 실행시키기
<br>
1. 다음 명령어를 통해 TKinter Designer GUI를 실행합니다.
```
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. Tkinter Designer의 **Token ID**에 *personal access token*를 추가합니다.
3. Tkinter Designer의 **File URL**에 Figma링크를 추가합니다.
4. **Output Path** 를 통해 저장될 위치를 누릅니다.
5. 생성 경로를 선택하고 다음을 누릅니다. **Select Folder**
6. **Generate**를 누릅니다.
Tkinter Designer의 출력 파일은 선택한 디렉토리의 **build**라는 새 폴더 안에 배치됩니다. 축하합니다. 이제 Tkinter Designer를 사용하여 Tkinter GUI를 만들었습니다!
<br><br>
<a id="Troubleshooting"></a>
# 문제해결 <small>[[Top](#목차)]</small>
- 요소가 보이지 않습니까?
- Figma 파일의 요소 이름이 올바른지 확인하십시오 * See [Figma 가이드, §1](#formatting-1)
- 버튼에 의도하지 않은 회색 배경이 있습니까?
- 버튼 요소 뒤에 직사각형을 추가했는지 확인하고 채우기 색이 배경의 색과 동일한지 확인합니다.
- 잘못된 요소?
- Figma에서 요소의 이름을 올바르게 지정했는지 확인합니다.
- See [Figma 가이드, §1](#formatting-1)
- 창이 화면보다 큽니까?
- Figma에서 요소의 크기를 줄이세요.
- 파일이 생성되지 않습니까?
- Tkinter Designer 다시 시작합니다.
- 토큰과 URL을 더블체크합니다.
- 디자인에 프레임이 있는지 확인합니다.
- 다른 문제가 있습니까?
- [Report issues not listed here on GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
================================================
FILE: docs/instructions.md
================================================
# How to use Tkinter Designer
#### Translations
- [简体中文](/docs/instructions.zh-CN.md)
- [Français](/docs/instructions.fr-FR.md)
- [ગુજરાતી](/docs/instructions.gu-GU.md)
- [Italiano](/docs/instructions.it-IT.md)
- [عربية](/docs/instructions.ar-DZ.md/)
- [Turkish](/docs/instructions.tr-TR.md)
- [Brazil](/docs/instructions.pt-BR.md)
- [Spanish](/docs/instructions.spa-SPA.md)
- [Korean](/docs/instructions.kr-KR.md)
- [Tiếng Việt](/docs/instructions.vi-VN.md)
- [Русский](/docs/instructions.ru-RU.md)
___
## Table of Contents
1. [**Getting Started**](#getting-started-1)
1. [Install Python](#getting-started-1)
2. [Install Tkinter Designer](#getting-started-2)
3. [Make a Figma Account](#getting-started-3)
2. [**Formatting Your Figma Design**](#formatting-1)
1. [Reference](#formatting-1)
2. [Element Guide](#formatting-2)
3. [**Using Tkinter Designer**](#Using-Tkinter-Designer)
1. [Personal Access Token](#using-1)
2. [Getting your File URL](#using-2)
3. [Using The CLI](#using-cli)
4. [Using The GUI](#using-gui)
4. [**Troubleshooting**](#Troubleshooting)
<br><br>
# Getting Started <small>[[Top](#table-of-contents)]</small>
<a id="getting-started-1"></a>
## 1. Install Python
Before using Tkinter Designer, you'll need to install Python.
- [Here is a link to the Python downloads page.](https://www.python.org/downloads)
- [Here is a helpful guide to installing Python on various operating systems.](https://wiki.python.org/moin/BeginnersGuide/Download)
*Later in this guide, you will use the Package Installer for Python (pip), which may require you to add Python to your system PATH.*
___
<br>
<a id="getting-started-2"></a>
## 2. Install Tkinter Designer
*Three options:*
1. `pip install tkdesigner`
2. Install [poetry](https:python-poetry.org)
- `poetry new <gui_project_name> && cd <gui_project_name>`
- `poetry add tkdesigner`
- `poetry install`
3. To run Tkinter Designer from the source code, follow the instructions below.
1. Download the source files for Tkinter Designer by downloading it manually or using GIT.
` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `
2. Change your working directory to Tkinter Designer.
`cd Tkinter-Designer`
3. Install the necessary dependencies by running
- `pip install -r requirements.txt`
- In the event that pip doesn't work, also try the following commands:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- If this still doesn't work, ensure that Python is added to the PATH.
This will install all requirements and Tkinter Designer. Before you use Tkinter Designer you need to create a Figma File with the below instructions.
If you already have created a file then skip to [**Using Tkinter Designer**](#Using-Tkinter-Designer) Section.
___
<br>
<a id="getting-started-3"></a>
## 3. Make a Figma Account
1. In a web browser, navigate to [figma.com](https://www.figma.com/) and click 'Sign up'
2. Enter your information, then verify your email
3. Create a new Figma Design file
4. Get started making your GUI
- The next section covers required formatting for Tkinter Designer input.
- [Here is the official Figma tutorial series for beginners.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [Here is the official Figma YouTube channel.](https://www.youtube.com/c/Figmadesign/featured)
- [Here is the Figma Help Center.](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# Formatting Your Figma Design <small>[[Top](#table-of-contents)]</small>
## 1. Reference
<br>
### Naming is Important
| Figma Element Name | Tkinter Element |
| --- | --- |
| Button | Button |
| Line | Line |
| Text | Name it anything |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
| ButtonHover (EXPERIMENTAL) | Button shown on hover |
<br>
The 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.
___
<br>
<a id="formatting-2"></a>
## 2. Element Guide
<br>
1. **First, create a Frame that will serve as your Tkinter Window.**
<br><br>
2. **Adding Images**
- Images can be created using shapes and/or images
- If you use multiple shapes/images, you must group them together by selecting them all and pressing <kbd>CTRL/⌘ + G</kbd>
- After that name the element or group as "Image".
<br><br>
3. **Text (Normal Text)**
- Use the <kbd>T</kbd> key to activate the text tool, then add text as desired
- Text does not have to be renamed for use in Tkinter Designer
- Explicitly press the <kbd>Return</kbd> Or <kbd>Enter</kbd> Key to move to the next line.
<br><br>
4. **Entry (Single-Line User Input)**
- Activate the Rectangle tool with <kbd>R</kbd>
- Adjust the Rectangle to your liking
- Make sure the Rectangle is named "TextBox"
<br><br>
5. **Text Area (Multi-Line User Input)**
- Activate the Rectangle tool with <kbd>R</kbd>
- Adjust the Rectangle to your liking
- Make sure the Rectangle is named "TextArea"
6. **Rectangle**
- Activate the Rectangle tool with <kbd>R</kbd>
- Adjust the Rectangle to your liking
- Make sure the Rectangle is named "Rectangle"
<br><br>
7. **Normal Button**
- Add rectangle to serve as a button in your GUI
- Optional: Add text for the button
- Select the button(Rectangle), and any optional text, then group them with <kbd>CTRL/⌘ + G</kbd>
- Name the group "Button"
#### Refer to [this video](https://youtu.be/Qd-jJjduWeQ) if you face any problem
<br><br>
8. **Rounded Button**
- Add rectangle to serve as a button in your GUI
- Optional: Add text for the button
- 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)
- Create a Rectangle with same size of your button. Don't make it rounded.
- Change the Rectangle's color to match the Background
- Now move the newly created rectangle below the main button(Rectangle).
- Select the button, Rectangle, and any optional text, then group them with <kbd>CTRL/⌘ + G</kbd>
- Name the group "Button"
#### Refer to [this video](https://youtu.be/Qd-jJjduWeQ) if you face any problem
<br><br>
9. **Button with Hover Effect (EXPERIMENTAL)**
- Duplicate the Button you created in the previous step
- You can duplicate the Button by selecting the button group and pressing <kbd>CTRL/⌘ + D</kbd>
- Rename the duplicate button to "ButtonHover"
- Place the duplicate button above the original button
- Make sure it's on the same position as the original button
- x and y coordinates should be the same
- Make changes to the duplicate button for the hover effect
- For example, change the color
#### Refer to [this video](https://watch.screencastify.com/v/saDGrNayjwSmxbFbShB1) if you face any problem
<br><br>
<a id="Using-Tkinter-Designer"></a>
# Using Tkinter Designer <small>[[Top](#table-of-contents)]</small>
## Required Inputs
There are some inputs you'll need to collect to be able to use the TKinter Designer.
<a id="using-1"></a>
### 1. Personal Access Token
1. Log into your Figma account
2. Navigate to Settings
3. In the **Account** tab, scroll down to **Personal access tokens**
4. Enter the name of your access token in the entry form and press <kbd>Enter</kbd>
5. Your personal access token will be created.
- Copy this token and keep it somewhere safe.
- **You will not get another chance to copy this token.**
<a id="using-2"></a>
### 2. Getting your File URL
1. In your Figma design file, click the **Share** button in the top bar, then click on **🔗 Copy link**
<a id="using-cli"></a>
## Using the CLI
Using the CLI is as simple as installing the package and running the CLI tool.
### From PyPi
You 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).
``` bash
pip install tkdesigner
tkdesigner $FILE_URL $FIGMA_TOKEN
```
### From Source
To use CLI from the source code you need to clone the repository and then follow the below instructions.
You 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).
```bash
$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN
# To learn more about how to use the cli, pass the --help flag
$ python -m tkdesigner --help
```
### Output
By 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.
To 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.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## Using the GUI
### Open Tkinter Designer before doing the following steps
<br>
1. Open TKinter Designer GUI by
```
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. Paste your *personal access token* into the **Token ID** form in Tkinter Designer
3. Paste the link into the **File URL** form in Tkinter Designer
4. Click the **Output Path** form to open a file browser
5. Choose an output path and click **Select Folder**
6. Press **Generate**
The 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!
<br><br>
<a id="Troubleshooting"></a>
# Troubleshooting <small>[[Top](#table-of-contents)]</small>
- Elements not visible? Misplaced?
- Please make sure that your Figma File has its elements named correctly. * See [Formatting Your Figma Design, §1](#formatting-1)
- Button has an unintended gray background?
- Make sure you have added a Rectangle behind your button element, and that its Fill color is the same as the Background's
- Incorrect elements?
- Make sure you have named your elements correctly in Figma
- See [Formatting Your Figma Design, §1](#formatting-1)
- Window is larger than the screen?
- Reduce the size of your elements in Figma
- Files not generating?
- Restart Tkinter Designer
- Double-check the token and URL
- Make sure your design has a Frame
- Something else?
- [Report issues not listed here on GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
================================================
FILE: docs/instructions.pt-BR.md
================================================
# Como usar o Tkinter Designer
___
## Índice
1. [**Comece por aqui**](#getting-started-1)
1. [Instalação do Python](#getting-started-1)
2. [Instalação do Tkinter Designer](#getting-started-2)
3. [Faça uma conta no Figma](#getting-started-3)
2. [**Formatando seu design Figma**](#formatting-1)
1. [Referência](#formatting-1)
2. [Guia de elementos](#formatting-2)
3. [**Usando o Tkinter Designer**](#Using-Tkinter-Designer)
1. [Token de acesso pessoal](#using-1)
2. [Obtendo o URL do seu arquivo](#using-2)
3. [Usando a CLI](#using-cli)
4. [Usando a GUI](#using-gui)
4. [**Solução de problemas**](#Troubleshooting)
<br><br>
# Começando <small>[[Top](#table-of-contents)]</small>
<a id="getting-started-1"></a>
## 1. Instalando Python
Antes de usar o Tkinter Designer, você precisará instalar o Python.
- [Aqui está um link para a página de downloads do Python.](https://www.python.org/downloads)
- [Aqui está um guia útil para instalar o Python em vários sistemas operacionais.](https://wiki.python.org/moin/BeginnersGuide/Download)
*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.*
___
<br>
<a id="getting-started-2"></a>
## 2. Instalando Tkinter Designer
*Três opções:*
1. `pip install tkdesigner`
2. Instale [poetry](https:python-poetry.org)
- `poetry new <gui_project_name> && cd <gui_project_name>`
- `poetry add tkdesigner`
- `poetry install`
3. Para executar o Tkinter Designer a partir do código-fonte, siga as instruções abaixo.
1. Baixe os arquivos de origem do Tkinter Designer, você pode baixar manualmente ou usar o GIT.
` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `
2. Altere seu diretório de trabalho para Tkinter Designer.
`cd tkinter-designer`
3. Instale as dependências necessárias executando
- `pip install -r requirements.txt`
- No evento do pip não funcionar, tente também os seguintes comandos:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- Se ainda assim não funcionar, se certifique de que o Python está adicionado ao PATH.
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.
Se você já criou um arquivo, pule para [**Usando o Tkinter Designer**](#Using-Tkinter-Designer).
___
<br>
<a id="getting-started-3"></a>
## 3. Faça uma conta no Figma
1. Em um navegador da Web, navegue até [figma.com](https://www.figma.com/) e clique em 'Sign up'
2. Insira suas informações e, em seguida, verifique seu e-mail
3. Crie um novo arquivo Figma Design
4. Comece a fazer sua GUI
- A próxima seção abrange a formatação necessária para a entrada do Tkinter Designer.
- [Aqui está a série oficial de tutoriais do Figma para iniciantes.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [Aqui está o canal oficial da Figma no YouTube.](https://www.youtube.com/c/Figmadesign/featured)
- [Aqui está o Centro de Ajuda Figma.](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# Formatando seu design Figma <small>[[Top](#table-of-contents)]</small>
## 1. Referência
<br>
### Nomear é importante
| Nome do Elemento no Figma | Elemento no Tkinter |
| --- | --- |
| Button | Button |
| Text | Qualquer nome |
| Rectangle | Rectangle |
| Line | Line |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
O 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.
___
<br>
<a id="formatting-2"></a>
## 2. Guia de elementos
<br>
1. **Primeiro, crie um Frame que servirá como sua janela Tkinter.**
<br><br>
2. **Adicionando imagens**
- As imagens podem ser criadas usando formatos e/ou imagens
- Se você usar vários formatos/imagens, você selecionar todos e pressionar <kbd>CTRL/⌘ + G</kbd>
- Depois disso nomeie o elemento ou grupo como "Image".
<br><br>
3. **Texto (Texto normal)**
- Use o atalho <kbd>T</kbd> para ativar a ferramenta de texto e, em seguida, adicione o texto conforme desejado
- O texto não precisa ser renomeado para uso no Tkinter Designer
- Para pular linhas pressione <kbd>Return</kbd> ou <kbd>Enter</kbd>
<br><br>
4. **Entrada de texto (Uma linha para entrada do usuario)**
- Pressione <kbd>R</kbd> para habilitar a ferramenta Retângulo
- Ajuste o retângulo ao seu gosto
- Renomeio o retângulo para "TextBox"
<br><br>
5. **Entrada de texto (Entrada de usuário de várias linhas)**
- Pressione <kbd>R</kbd> para habilitar a ferramenta Retângulo
- Ajuste o retângulo ao seu gosto
- Renomeio o retângulo para "TextArea"
6. **Retângulo**
- Pressione <kbd>R</kbd> para habilitar a ferramenta Retângulo
- Ajuste o retângulo ao seu gosto
- Renomeio o retângulo para "Rectangle"
<br><br>
7. **Botão normal**
- Adicione um retângulo para servir como um botão em sua GUI
- Opcional: adicione texto para o botão
- Selecione o botão (Retângulo) e qualquer texto opcional e agrupe-os com <kbd>CTRL/⌘ + G</kbd>
- Nomeie o grupo "Button"
#### Consulte [este vídeo](https://youtu.be/Qd-jJjduWeQ) se tiver algum problema
<br><br>
8. **Botão arredondado**
- Adicione um retângulo para servir como um botão em sua GUI
- Opcional: adicione texto para o botão
- 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)
- Crie um retângulo com o mesmo tamanho do seu botão. Não o torne arredondado.
- Altere a cor do retângulo para corresponder ao plano de fundo
- Agora mova o retângulo recém-criado abaixo do botão principal (Retângulo).
- Selecione o botão, Retângulo e qualquer texto opcional e, em seguida, agrupe-os com <kbd>CTRL/⌘ + G</kbd>
- Nomeie o grupo "Button"
#### Consulte [este vídeo](https://youtu.be/Qd-jJjduWeQ) se tiver algum problema
<br><br>
<a id="Using-Tkinter-Designer"></a>
# Usando o Tkinter Designer <small>[[Top](#table-of-contents)]</small>
## Entradas Necessárias
Existem algumas entradas que você precisará coletar para poder usar o TKinter Designer.
<a id="using-1"></a>
### 1. Token de acesso pessoal
1. Faça login na sua conta Figma
2. Navegue até Configurações
3. Na guia **Account** role para baixo até **Personal access tokens**
4. Digite o nome do seu token de acesso no formulário de entrada e pressione <kbd>Enter</kbd>
5. Seu token de acesso pessoal será criado.
- Copie este token e mantenha-o em algum lugar seguro.
- **Você não terá outra chance de copiar este token.**
<a id="using-2"></a>
### 2. Obtendo o URL do seu arquivo
1. Em seu arquivo de design Figma, clique no **Share** botão na barra superior, em seguida, clique em **🔗 Copy link**
<a id="using-cli"></a>
## Usando a CLI
Usar a CLI é tão simples quanto instalar o pacote e executar a ferramenta CLI.
### De PyPi
Você 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).
``` bash
pip install tkdesigner
tkdesigner $FILE_URL $FIGMA_TOKEN
```
### Da fonte
Para usar a CLI a partir do código-fonte, você precisa clonar o repositório e seguir as instruções abaixo.
Você 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).
```bash
$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN
# To learn more about how to use the cli, pass the --help flag
$ python -m tkdesigner --help
```
### Saída
Por 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.
Para 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.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## Usando a GUI
### Abra o Tkinter Designer antes de executar as etapas a seguir
<br>
1. Abra a GUI do TKinter Designer por
```
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. Cole seu *token de acesso pessoal* no formulário **Token ID** no Tkinter Designer
3. Cole o link no formulário **URL do arquivo** no Tkinter Designer
4. Clique no formulário **Output Path** para abrir um navegador de arquivos
5. Escolha um caminho de saída e clique em **Select Folder**
6. Pressione **Generate**
Os 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!
<br><br>
<a id="Troubleshooting"></a>
# Solução de problemas <small>[[Top](#table-of-contents)]</small>
- Elementos não visíveis? Extraviado?
- Certifique-se de que seu arquivo Figma tenha seus elementos nomeados corretamente. * Consulte [Formatando o design do Figma, §1](#formatting-1)
- O botão tem um fundo cinza não intencional?
- 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
- Elementos incorretos?
- Certifique-se de ter nomeado seus elementos corretamente no Figma
- Consulte [Formatando o design do Figma, §1](#formatting-1)
- A janela é maior que a tela?
- Reduza o tamanho de seus elementos no Figma
- Arquivos não estão gerando?
- Reinicie o Tkinter Designer
- Verifique novamente o token e o URL
- Certifique-se de que seu design tenha um quadro
- Algo mais?
- [Relatar problemas não listados aqui no GitHub](https://github.com/ParthJadhav/Tkinter-Designer/issues/new)
================================================
FILE: docs/instructions.ru-RU.md
================================================
___
## Оглавление
1. [**Начало работы**](#getting-started-1)
1. [Установить Python](#getting-started-1)
2. [Установить Tkinter Designer](#getting-started-2)
3. [Создать учетную запись Figma](#getting-started-3)
2. [**Форматирование дизайна Figma**](#formatting-1)
1. [Референс](#formatting-1)
2. [Руководство по элементам](#formatting-2)
3. [**Использование Tkinter Designer**](#Using-Tkinter-Designer)
1. [Токен личного доступа](#using-1)
2. [Получение URL-адреса вашего файла](#using-2)
3. [Использование CLI](#using-cli)
4. [Использование графического интерфейса](#using-gui)
4. [**Устранение неполадок**](#Troubleshooting)
<br><br>
# Начало работы <small>[[Наверх](#Оглавление)]</small>
<a id="getting-started-1"></a>
## 1. Установите Python
Перед использованием Tkinter Designer вам необходимо установить Python.
- [Вот ссылка на страницу загрузки Python.](https://www.python.org/downloads)
- [Вот полезное руководство по установке Python в различных операционных системах.](https://wiki.python.org/moin/BeginnersGuide/Download)
*Далее в этом руководстве вы будете использовать установщик пакетов для Python (pip), который может потребовать от вас добавить Python в PATH вашей системы.*
___
<br>
<a id="getting-started-2"></a>
## 2. Установите Tkinter Designer
*Три варианта:*
1. `pip install tkdesigner`
2. Установите [poetry](https:python-poetry.org)
- `poetry new <gui_project_name> && cd <gui_project_name>`
- `poetry add tkdesigner`
- `poetry install`
3. Чтобы запустить Tkinter Designer из исходного кода, следуйте инструкциям ниже.
1. Загрузите исходные файлы для Tkinter Designer, загрузив их вручную или с помощью GIT.
` git clone https://github.com/ParthJadhav/Tkinter-Designer.git `
2. Измените рабочий каталог на Tkinter Designer.
`cd Tkinter-Designer`
3. Установите необходимые зависимости, запустив
- `pip install -r requirements.txt`
- В случае, если pip не работает, попробуйте также следующие команды:
- `pip3 install -r requirements.txt`
- `python -m pip install -r requirements.txt`
- `python3 -m pip install -r requirements.txt`
- Если это по-прежнему не работает, убедитесь, что Python добавлен в PATH.
При этом будут установлены все зависимости и Tkinter Designer. Прежде чем использовать Tkinter Designer, вам необходимо создать файл Figma, следуя инструкциям ниже.
Если вы уже создали файл, перейдите к разделу [**Использование Tkinter Designer**](#Using-Tkinter-Designer).
___
<br>
<a id="getting-started-3"></a>
## 3. Создайте учетную запись Figma
1. В веб-браузере перейдите на [figma.com](https://www.figma.com/) и нажмите «Зарегистрироваться».
2. Введите свою информацию, затем подтвердите свой адрес электронной почты.
3. Создайте новый файл дизайна Figma.
4. Начните создавать графический интерфейс:
- В следующем разделе описано необходимое форматирование входных данных Tkinter Designer.
- [Вот официальная серия руководств по Figma для начинающих.](https://www.youtube.com/watch?v=Cx2dkpBxst8&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)
- [Вот официальный канал Figma на YouTube.](https://www.youtube.com/c/figmadesign/featured)
- [Вот Справочный центр Figma.](https://help.figma.com/hc/en-us)
<br><br>
<a id="formatting-1"></a>
# Форматирование дизайна Figma <small>[[Наверх](#Оглавление)]</small>
## 1. Референс
<br>
### Имена важны!
| Имя элемента Figma | Tkinter элемент |
| --- | --- |
| Button | Button |
| Line | Line |
| Text | Name it anything |
| Rectangle | Rectangle |
| TextArea | Text Area |
| TextBox | Entry |
| Image | Canvas.Image() |
<br>
Код, сгенерированный Tkinter Designer, основан на именах элементов вашего дизайна Figma, и поэтому вам необходимо соответствующим образом называть свои элементы. В Figma переименуйте свои элементы, дважды щелкнув на них на панели «Layers».
___
<br>
<a id="formatting-2"></a>
## 2. Руководство по элементам
<br>
1. **Сначала создайте Frame, который будет служить вашим окном Tkinter.**
<br><br>
2. **Добавление изображений**
- Изображения могут быть созданы с использованием фигур и/или изображений.
- Если вы используете несколько фигур/изображений, вам необходимо сгруппировать их, выделив их все и нажав <kbd>CTRL/⌘ + G</kbd>
- После этого назовите элемент или группу «Image».
<br><br>
3. **Text (обычный текст)**
- Используйте клавишу <kbd>T</kbd>, чтобы активировать текстовый инструмент, затем добавьте текст по желанию.
- Текст не нужно переименовывать для использования в Tkinter Designer.
- Нажмите клавишу <kbd>Return</kbd> или <kbd>Enter</kbd>, чтобы перейти к следующей строке.
<br><br>
4. **Entry (однострочный пользовательский ввод)**
- Активируйте инструмент «Прямоугольник» с помощью <kbd>R</kbd>.
- Отрегулируйте прямоугольник по своему вкусу.
- Убедитесь, что прямоугольник называется «TextBox».
<br><br>
5. **Text Area (многострочный пользовательский ввод)**
- Активируйте инструмент «Прямоугольник» с помощью <kbd>R</kbd>.
- Отрегулируйте прямоугольник по своему вкусу.
- Убедитесь, что прямоугольник назван «TextArea».
<br><br>
6. **Прямоугольник**
- Активируйте инструмент «Прямоугольник» с помощью <kbd>R</kbd>.
- Отрегулируйте прямоугольник по своему вкусу.
- Убедитесь, что прямоугольник назван «Rectangle».
<br><br>
7. **Обычная кнопка**
- Добавьте прямоугольник, который будет служить кнопкой в вашем графическом интерфейсе.
- Необязательно: добавьте текст для кнопки.
- Выберите кнопку (прямоугольник) и любой дополнительный текст, затем сгруппируйте их с помощью <kbd>CTRL/⌘ + G</kbd>
- Назовите группу «Button».
#### Если у вас возникнут какие-либо проблемы, обратитесь к [этому видео](https://youtu.be/Qd-jJjduWeQ).
<br><br>
8. **Скругленная кнопка**
- Добавьте прямоугольник, который будет служить кнопкой в вашем графическом интерфейсе.
- Необязательно: добавьте текст для кнопки.
- Сделайте его закругленным, добавив угловой радиус, выделив прямоугольник и добавив угловой радиус с правой стороны. [Подробнее об этом](https://help.figma.com/hc/en-us/articles/360050986854-Adjust-corner-radius-and-smoothing)
- Создайте прямоугольник того же размера, что и ваша кнопка. Не делайте его закругленным.
- Измените цвет прямоугольника, чтобы он соответствовал фону.
- Теперь переместите вновь созданный прямоугольник под главную кнопку (Прямоугольник).
- Выберите кнопку, прямоугольник и любой дополнительный текст, затем сгруппируйте их с помощью <kbd>CTRL/⌘ + G</kbd>
- Назовите группу «Button».
#### Если у вас возникнут какие-либо проблемы, обратитесь к [этому видео](https://youtu.be/Qd-jJjduWeQ).
<br><br>
<a id="Using-Tkinter-Designer"></a>
# Использование Tkinter Designer <small>[[Наверх](#Оглавление)]</small>
## Необходимые входные данные
Чтобы использовать TKinter Designer, вам необходимо собрать некоторые данные.
<a id="using-1"></a>
### 1. Токен личного доступа
1. Войдите в свою учетную запись Figma.
2. Перейдите в «Settings» \ «Настройки».
3. На вкладке **Account** прокрутите вниз до пункта **Personal access tokens**.
4. Введите имя вашего токена доступа в форму ввода и нажмите <kbd>Enter</kbd>.
5. Будет создан ваш личный токен доступа.
- Скопируйте этот токен и сохраните его в безопасном месте.
- **У вас больше не будет возможности скопировать этот токен.**
<a id="using-2"></a>
### 2. Получение URL-адреса файла
1. В файле дизайна Figma нажмите кнопку **Share** на верхней панели, затем нажмите **🔗 Copy link**
<a id="using-cli"></a>
## Использование интерфейса командной строки
Использовать CLI так же просто, как установить пакет и запустить инструмент CLI.
### Из PyPi
Вы можете использовать приведенную ниже команду в качестве проверки, заменив $FILE_URL и $FIGMA_TOKEN своими данными. Если у вас нет токена и ссылки, обратитесь к [**Разделу «Необходимые входные данные»**](#using-1).
```bash
pip установить tkdesigner
tkdesigner $FILE_URL $FIGMA_TOKEN
```
### Из исходников
Чтобы использовать CLI из исходного кода, вам необходимо клонировать репозиторий, а затем следовать инструкциям ниже.
Вы можете использовать приведенную ниже команду в качестве проверки, заменив $FILE_URL и $FIGMA_TOKEN своими данными. Если у вас нет токена и ссылки, обратитесь к [**Разделу «Необходимые входные данные»**](#using-1).
```bash
$ python -m tkdesigner.cli $FILE_URL $FIGMA_TOKEN
# Чтобы узнать больше о том, как использовать cli, передайте флаг --help
$ python -m tkdesigner --help
```
### Выходные данные
По умолчанию код графического интерфейса будет записан в build/gui.py. Вы можете указать выходной путь, используя флаг «-o» и указав путь.
Чтобы запустить сгенерированный графический интерфейс, перейдите в каталог, в котором вы его создали (например, build/), и запустите его так же, как и любой графический интерфейс Tkinter.
```bash
cd build
python3 gui.py
```
<a id="using-gui"></a>
## Использование графического интерфейса
### Откройте Tkinter Designer, прежде чем выполнять следующие шаги.
<br>
1. Откройте графический интерфейс TKinter Designer с помощью
```bash
cd Tkinter-Designer
cd gui
python3 gui.py
```
2. Вставьте свой *персональный токен доступа* в форму **Token ID** в Tkinter Designer.
3. Вставьте ссылку в форму **File URL** в Tkinter Designer.
4. Нажмите форму **Output Path**, чтобы открыть браузер файлов.
5. Выберите путь вывода и нажмите **Select Folder**.
6. Нажмите **Generate**.
Выходные файлы Tkinter Designer будут помещены в выбранный вами каталог внутри новой папки с именем **build**. Поздравляем, вы создали графический интерфейс Tkinter с помощью Tkinter Designer!
<br><br>
<a id="Устранение неполадок"></a>
# Устранение неполадок <small>[[Наверх](#Оглавление)]</small>
- Элементы не видны? Находятся не на своё
gitextract_q4iknb3s/
├── .flake8
├── .github/
│ ├── FUNDING.yml
│ ├── ISSUE_TEMPLATE/
│ │ ├── blank-screen-without-any-elements.md
│ │ ├── bug-report.md
│ │ ├── feature-request.md
│ │ └── key-error.md
│ └── workflows/
│ ├── build.yml
│ └── greetings.yml
├── .gitignore
├── CODE_OF_CONDUCT.md
├── LEARN.md
├── LICENSE
├── Makefile
├── README.md
├── docs/
│ ├── CONTRIBUTING.md
│ ├── README.ar-DZ.md
│ ├── README.ban-BAN.md
│ ├── README.fr-FR.md
│ ├── README.gu-GU.md
│ ├── README.hin-HIN.md
│ ├── README.it-IT.md
│ ├── README.kr-KR.md
│ ├── README.mr-MR.md
│ ├── README.pt-BR.md
│ ├── README.ru-RU.md
│ ├── README.spa-SPA.md
│ ├── README.tr-TR.md
│ ├── README.vi-VN.md
│ ├── README.zh-CN.md
│ ├── build.md
│ ├── instructions.ar-DZ.md
│ ├── instructions.ban-BAN.md
│ ├── instructions.fr-FR.md
│ ├── instructions.gu-GU.md
│ ├── instructions.it-IT.md
│ ├── instructions.kr-KR.md
│ ├── instructions.md
│ ├── instructions.pt-BR.md
│ ├── instructions.ru-RU.md
│ ├── instructions.spa-SPA.md
│ ├── instructions.tr-TR.md
│ ├── instructions.vi-VN.md
│ └── instructions.zh-CN.md
├── gui/
│ ├── __init__.py
│ └── gui.py
├── pyproject.toml
├── requirements.txt
├── tests/
│ └── test_utils.py
└── tkdesigner/
├── __init__.py
├── cli.py
├── conftest.py
├── constants.py
├── designer.py
├── figma/
│ ├── README.md
│ ├── __init__.py
│ ├── custom_elements.py
│ ├── endpoints.py
│ ├── frame.py
│ ├── node.py
│ └── vector_elements.py
├── template.py
└── utils.py
SYMBOL INDEX (104 symbols across 10 files)
FILE: gui/gui.py
function btn_clicked (line 28) | def btn_clicked():
function select_path (line 78) | def select_path():
function know_more_clicked (line 86) | def know_more_clicked(event):
function make_label (line 93) | def make_label(master, x, y, h, w, *args, **kwargs):
FILE: tests/test_utils.py
function test_assets_path (line 6) | def test_assets_path():
function test_find_between (line 10) | def test_find_between():
function test_download_image (line 18) | def test_download_image():
FILE: tkdesigner/cli.py
function main (line 23) | def main():
FILE: tkdesigner/designer.py
class Designer (line 8) | class Designer:
method __init__ (line 9) | def __init__(self, token, file_key, output_path: Path):
method to_code (line 15) | def to_code(self) -> str:
method design (line 29) | def design(self):
FILE: tkdesigner/figma/custom_elements.py
class Button (line 10) | class Button(Rectangle):
method __init__ (line 11) | def __init__(self, node, frame, image_path, *, id_):
method to_code (line 17) | def to_code(self):
class ButtonHover (line 37) | class ButtonHover(Rectangle):
method __init__ (line 38) | def __init__(self, node, frame, image_path):
method to_code (line 49) | def to_code(self):
class Text (line 72) | class Text(Vector):
method __init__ (line 73) | def __init__(self, node, frame):
method characters (line 84) | def characters(self) -> str:
method style (line 98) | def style(self):
method character_style_overrides (line 103) | def character_style_overrides(self):
method style_override_table (line 107) | def style_override_table(self):
method font_property (line 111) | def font_property(self):
method to_code (line 122) | def to_code(self):
class Image (line 135) | class Image(Vector):
method __init__ (line 136) | def __init__(self, node, frame, image_path, *, id_):
method to_code (line 148) | def to_code(self):
class TextEntry (line 160) | class TextEntry(Vector):
method __init__ (line 161) | def __init__(self, node, frame, image_path, *, id_):
method to_code (line 184) | def to_code(self):
FILE: tkdesigner/figma/endpoints.py
class Files (line 6) | class Files:
method __init__ (line 12) | def __init__(self, token, file_key):
method __str__ (line 16) | def __str__(self):
method get_file (line 19) | def get_file(self) -> dict:
method get_image (line 34) | def get_image(self, item_id) -> str:
FILE: tkdesigner/figma/frame.py
class Frame (line 12) | class Frame(Node):
method __init__ (line 13) | def __init__(self, node, figma_file, output_path, frameCount=0):
method create_element (line 35) | def create_element(self, element):
method children (line 116) | def children(self):
method color (line 120) | def color(self) -> str:
method size (line 130) | def size(self) -> tuple:
method to_code (line 138) | def to_code(self, template):
class Group (line 147) | class Group(Frame):
method __init__ (line 148) | def __init__(self, node):
class Component (line 152) | class Component(Frame):
method __init__ (line 153) | def __init__(self, node):
class ComponentSet (line 157) | class ComponentSet(Frame):
method __init__ (line 158) | def __init__(self, node):
class Instance (line 162) | class Instance(Frame):
method __init__ (line 163) | def __init__(self, node):
method component_id (line 167) | def component_id(self) -> str:
FILE: tkdesigner/figma/node.py
class Node (line 1) | class Node:
method __init__ (line 2) | def __init__(self, node: dict):
method id (line 6) | def id(self) -> str:
method name (line 10) | def name(self) -> str:
method visible (line 14) | def visible(self) -> bool:
method type (line 20) | def type(self) -> str:
method plugin_data (line 24) | def plugin_data(self):
method shared_plugin_data (line 28) | def shared_plugin_data(self):
method get (line 31) | def get(self, key, default=None):
class Document (line 35) | class Document(Node):
method __init__ (line 36) | def __init__(self, node, root="window"):
method children (line 41) | def children(self):
class Canvas (line 46) | class Canvas(Node):
method __init__ (line 47) | def __init__(self, node):
method children (line 51) | def children(self):
method background_color (line 56) | def background_color(self):
method prototype_start_node_id (line 60) | def prototype_start_node_id(self) -> str:
method export_settings (line 64) | def export_settings(self):
method generate (line 67) | def generate(self):
class Slice (line 71) | class Slice(Node):
method __init__ (line 72) | def __init__(self, node):
method export_settings (line 76) | def export_settings(self):
method absolute_bounding_box (line 81) | def absolute_bounding_box(self):
method size (line 86) | def size(self):
method relative_transform (line 91) | def relative_transform(self):
FILE: tkdesigner/figma/vector_elements.py
class Vector (line 4) | class Vector(Node):
method __init__ (line 5) | def __init__(self, node):
method color (line 8) | def color(self) -> str:
method size (line 18) | def size(self):
method position (line 24) | def position(self, frame):
class Star (line 39) | class Star(Vector):
method __init__ (line 40) | def __init__(self, node):
class Ellipse (line 43) | class Ellipse(Vector):
method __init__ (line 44) | def __init__(self, node):
class RegularPolygon (line 48) | class RegularPolygon(Vector):
method __init__ (line 49) | def __init__(self, node):
class Rectangle (line 53) | class Rectangle(Vector):
method __init__ (line 54) | def __init__(self, node, frame):
method corner_radius (line 61) | def corner_radius(self):
method rectangle_corner_radii (line 65) | def rectangle_corner_radii(self):
method to_code (line 68) | def to_code(self):
class Line (line 80) | class Line(Rectangle):
method __init__ (line 81) | def __init__(self, node, frame):
method color (line 84) | def color(self) -> str:
method size (line 94) | def size(self):
method position (line 98) | def position(self, frame):
class UnknownElement (line 103) | class UnknownElement(Vector):
method __init__ (line 104) | def __init__(self, node, frame):
method to_code (line 109) | def to_code(self):
FILE: tkdesigner/utils.py
function find_between (line 9) | def find_between(s, first, last):
function download_image (line 19) | def download_image(url, image_path):
Condensed preview — 62 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (277K chars).
[
{
"path": ".flake8",
"chars": 76,
"preview": "[flake8]\nextend-ignore = E251,E226\nmax-complexity = 10\nmax-line-length = 127"
},
{
"path": ".github/FUNDING.yml",
"chars": 158,
"preview": "# These are supported funding model platforms\n\ngithub: [parthjadhav]\ncustom: [\"https://paypal.me/parthJadhav22\", \"https:"
},
{
"path": ".github/ISSUE_TEMPLATE/blank-screen-without-any-elements.md",
"chars": 427,
"preview": "---\nname: Blank Screen without any elements\nabout: Use this template if you are getting blank screen as output.\ntitle: B"
},
{
"path": ".github/ISSUE_TEMPLATE/bug-report.md",
"chars": 261,
"preview": "---\nname: Report bug\nabout: use this template to report bugs\ntitle: Report bug\nlabels: bug\nassignees: ''\n\n---\n\n- Briefly"
},
{
"path": ".github/ISSUE_TEMPLATE/feature-request.md",
"chars": 405,
"preview": "---\nname: Feature request\nabout: use this template to request a feature\ntitle: Feature request\nlabels: enhancement\nassig"
},
{
"path": ".github/ISSUE_TEMPLATE/key-error.md",
"chars": 530,
"preview": "---\nname: Key Error\nabout: Use this template if you are getting a Key Error in Tkinter Designer.\ntitle: Help\nlabels: ''\n"
},
{
"path": ".github/workflows/build.yml",
"chars": 2311,
"preview": "name: Test, Build, Release\n\non:\n # Allows for manual triggering and pull requests\n # from every branch, including fork"
},
{
"path": ".github/workflows/greetings.yml",
"chars": 441,
"preview": "name: Greetings\n\non: [pull_request, issues]\n\njobs:\n greeting:\n runs-on: ubuntu-latest\n permissions:\n issues:"
},
{
"path": ".gitignore",
"chars": 217,
"preview": "__pycache__/\n.DS_Store\n.idea/Figma2Py.iml\n.idea/inspectionProfiles/profiles_settings.xml\n.idea/modules.xml\n.idea/vcs.xml"
},
{
"path": "CODE_OF_CONDUCT.md",
"chars": 5280,
"preview": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nWe as members, contributors, and leaders pledge to make participa"
},
{
"path": "LEARN.md",
"chars": 7408,
"preview": "# Creation Of Tkinter-Designer\n\n## Introduction\n\n Hello everyone, I'm Parth Jadhav. I am a 17 year old student. And I wo"
},
{
"path": "LICENSE",
"chars": 1520,
"preview": "BSD 3-Clause License\n\nCopyright (c) 2021, Parth Jadhav\nAll rights reserved.\n\nRedistribution and use in source and binary"
},
{
"path": "Makefile",
"chars": 973,
"preview": "# Makefiles are traditionally for building C projects... Or something, IDK. Whatever.\n# They're a great drop in for shar"
},
{
"path": "README.md",
"chars": 7979,
"preview": "["
},
{
"path": "docs/CONTRIBUTING.md",
"chars": 2308,
"preview": "# Welcome to Tkinter-Designer contributing guide\n\nThank you for investing your time in contributing to our project!\n\nRea"
},
{
"path": "docs/README.ar-DZ.md",
"chars": 4578,
"preview": "<div dir=\"rtl\">\n\n<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695"
},
{
"path": "docs/README.ban-BAN.md",
"chars": 7517,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.fr-FR.md",
"chars": 4676,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.gu-GU.md",
"chars": 4411,
"preview": "<p align=\"center\">\n <img width=\"200\" src = \"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-"
},
{
"path": "docs/README.hin-HIN.md",
"chars": 5267,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.it-IT.md",
"chars": 6091,
"preview": "<p align=\"center\">\r\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-1"
},
{
"path": "docs/README.kr-KR.md",
"chars": 6464,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.mr-MR.md",
"chars": 6235,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.pt-BR.md",
"chars": 6824,
"preview": "<p align=\"center\">\r\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-1"
},
{
"path": "docs/README.ru-RU.md",
"chars": 7071,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.spa-SPA.md",
"chars": 5032,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.tr-TR.md",
"chars": 4943,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/README.vi-VN.md",
"chars": 9542,
"preview": "Here's the translation of the provided text in Vietnamese:\n\n<p align=\"center\">\n <img width=\"200\" src=\"https://user-imag"
},
{
"path": "docs/README.zh-CN.md",
"chars": 3223,
"preview": "<p align=\"center\">\n <img width=\"200\" src=\"https://user-images.githubusercontent.com/42001064/120057695-b1f6c680-c062-11"
},
{
"path": "docs/build.md",
"chars": 2586,
"preview": "# Building & Releasing to Pypi with Poetry\n\n## A Note:\nPython packaging is a hot topic, and everyone has an opinion abou"
},
{
"path": "docs/instructions.ar-DZ.md",
"chars": 8932,
"preview": "<div dir=\"rtl\">\n\n# كيفية استعمال Tkinter Designer\n\n___\n\n## Table of Contents\n\n1. [**البدء**](#getting-started-1)\n 1. ["
},
{
"path": "docs/instructions.ban-BAN.md",
"chars": 2753,
"preview": "# কবিতা দিয়ে পাইপিকে নির্মাণ ও মুক্তি দেওয়া\n\n## একটি নোট:\nপাইথন প্যাকেজিং একটি আলোচিত বিষয় এবং প্রত্যেকেরই এটি সম্পর্"
},
{
"path": "docs/instructions.fr-FR.md",
"chars": 10509,
"preview": "# Comment utiliser Tkinter Designer\n___\n\n## Sommaire\n\n1. [**Commencer**](#getting-started-1)\n 1. [Installer Python](#g"
},
{
"path": "docs/instructions.gu-GU.md",
"chars": 8788,
"preview": "# How to use Tkinter Designer\n___\n\n## અનુક્રમણિકા\n\n1. **પ્રારંભ કરી રહ્યા છીએ**\n 1. પાયથોન ઇન્સ્ટોલ કરો\n 2. ટીકીટર ડ"
},
{
"path": "docs/instructions.it-IT.md",
"chars": 11174,
"preview": "# Come usare Tkinter Designer\r\n\r\n#### Traduzioni\r\n\r\n- [简体中文](/docs/instructions.zh-CN.md)\r\n- [Français](/docs/instructio"
},
{
"path": "docs/instructions.kr-KR.md",
"chars": 7210,
"preview": "# Tkinter Designer 사용법\n\n___\n\n## 목차\n\n1. [**시작하기**](#getting-started-1)\n 1. [Python 설치하기](#getting-started-1)\n 2. [T"
},
{
"path": "docs/instructions.md",
"chars": 10853,
"preview": "# How to use Tkinter Designer\n\n#### Translations\n\n- [简体中文](/docs/instructions.zh-CN.md)\n- [Français](/docs/instructions."
},
{
"path": "docs/instructions.pt-BR.md",
"chars": 10103,
"preview": "# Como usar o Tkinter Designer\n___\n\n## Índice\n\n1. [**Comece por aqui**](#getting-started-1)\n 1. [Instalação do Python]"
},
{
"path": "docs/instructions.ru-RU.md",
"chars": 10705,
"preview": "___\n\n## Оглавление\n\n1. [**Начало работы**](#getting-started-1)\n 1. [Установить Python](#getting-started-1)\n 2. [Ус"
},
{
"path": "docs/instructions.spa-SPA.md",
"chars": 10690,
"preview": "# ¿Cómo usar Tkinter Designer?\n\n#### Traducciones\n\n- [简体中文](/docs/instructions.zh-CN.md)\n- [Français](/docs/instructions"
},
{
"path": "docs/instructions.tr-TR.md",
"chars": 10081,
"preview": "# Tkinter Designer Nasıl Kullanılır\n___\n\n## İçindekiler\n\n1. [**Başlarken**](#getting-started-1)\n 1. [Python'u Kurun](#"
},
{
"path": "docs/instructions.vi-VN.md",
"chars": 10710,
"preview": "# 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/instruction"
},
{
"path": "docs/instructions.zh-CN.md",
"chars": 5409,
"preview": "# 如何使用 Tkinter Designer\n___\n\n## 目录\n\n1. [**入门**](#getting-started-1)\n 1. [安装Python](#getting-started-1)\n 2. [Install "
},
{
"path": "gui/__init__.py",
"chars": 0,
"preview": ""
},
{
"path": "gui/gui.py",
"chars": 6061,
"preview": "import webbrowser\nimport re\nimport sys\nimport os\nimport tkinter as tk\nimport tkinter.messagebox as tk1\nimport tkinter.f"
},
{
"path": "pyproject.toml",
"chars": 1179,
"preview": "[tool.poetry]\nname = \"tkdesigner\"\nversion = \"1.0.6\"\ndescription = \"CLI Package for Tkinter-Designer\"\nauthors = [\"ParthJa"
},
{
"path": "requirements.txt",
"chars": 125,
"preview": "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."
},
{
"path": "tests/test_utils.py",
"chars": 616,
"preview": "import os\nfrom tkdesigner.constants import ASSETS_PATH\nfrom tkdesigner.utils import find_between, download_image\n\n\ndef t"
},
{
"path": "tkdesigner/__init__.py",
"chars": 0,
"preview": ""
},
{
"path": "tkdesigner/cli.py",
"chars": 2243,
"preview": "\"\"\"\nTKinter Designer command-line interface.\n\"\"\"\n\nfrom tkdesigner.designer import Designer\n\nimport re\nimport os\nimport l"
},
{
"path": "tkdesigner/conftest.py",
"chars": 0,
"preview": ""
},
{
"path": "tkdesigner/constants.py",
"chars": 100,
"preview": "# Path to assets directory (i.e. images) relative to the output directory.\nASSETS_PATH = \"./assets\"\n"
},
{
"path": "tkdesigner/designer.py",
"chars": 1409,
"preview": "import tkdesigner.figma.endpoints as endpoints\nfrom tkdesigner.figma.frame import Frame\n\nfrom tkdesigner.template import"
},
{
"path": "tkdesigner/figma/README.md",
"chars": 99,
"preview": "Python representation of Figma nodes.\n\n## References\n- <https://www.figma.com/developers/api#files>"
},
{
"path": "tkdesigner/figma/__init__.py",
"chars": 0,
"preview": ""
},
{
"path": "tkdesigner/figma/custom_elements.py",
"chars": 5268,
"preview": "from .vector_elements import Vector, Rectangle\n\nTEXT_INPUT_ELEMENT_TYPES = {\n \"TextArea\": \"Text\",\n \"TextBox\": \"Ent"
},
{
"path": "tkdesigner/figma/endpoints.py",
"chars": 1223,
"preview": "\"\"\"Utility classes and functions for Figma API endpoints.\n\"\"\"\nimport requests\n\n\nclass Files:\n \"\"\"https://www.figma.co"
},
{
"path": "tkdesigner/figma/frame.py",
"chars": 5230,
"preview": "from ..constants import ASSETS_PATH\nfrom ..utils import download_image\n\nfrom .node import Node\nfrom .vector_elements imp"
},
{
"path": "tkdesigner/figma/node.py",
"chars": 2193,
"preview": "class Node:\n def __init__(self, node: dict):\n self.node = node\n\n @property\n def id(self) -> str:\n "
},
{
"path": "tkdesigner/figma/vector_elements.py",
"chars": 2978,
"preview": "from .node import Node\n\n\nclass Vector(Node):\n def __init__(self, node):\n super().__init__(node)\n\n def color"
},
{
"path": "tkdesigner/template.py",
"chars": 935,
"preview": "TEMPLATE = \"\"\"\n# This file was generated by the Tkinter Designer by Parth Jadhav\n# https://github.com/ParthJadhav/Tkinte"
},
{
"path": "tkdesigner/utils.py",
"chars": 552,
"preview": "\"\"\"\nSmall utility functions.\n\"\"\"\nimport requests\nfrom PIL import Image\nimport io\n\n\ndef find_between(s, first, last):\n "
}
]
About this extraction
This page contains the full source code of the ParthJadhav/Tkinter-Designer GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 62 files (256.7 KB), approximately 80.6k tokens, and a symbol index with 104 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.