python Гайд Как конвертировать шаблон приложения из Figma в графический интерфейс на Python

[wlux.net]

Установка:
Для начала нужно установить Tkinter-Designer. Это Open-Source проект на GitHub, который сделает всю работу за Вас.
Я не отвечаю за безопасность данного софта! Но использовал его, и претензий нет.

1. Перейдите в

Пожалуйста, войдите или зерегистрируйтесь, чтобы увидеть скрытый текст.

.
2. Нажмите на зеленую кнопку Code.
3. Нажмите на Download Zip.
4. Распакуйте архив в любую папку. Пока ничего не запускаем.

Дизайн:
Тут уже делаете все по своему усмотрению, кроме третьего пункта.
1. Создаете Frame
2. В Frame создаете текст, rectangle
3. Чтобы софт распознал Ваш дизайн, нужно указывать определенные названия для групп/объектов.
Например: поле ввода - TextBox; Кнопка - Button
На выходе получаем что-то вроде такого:


На выходе получаем что-то вроде такого:


Для дизайна можете использовать бесплатные паки. Например:
Ссылки:

Конвертация:

Для начала получим необходимые данные:
1. Ссылка на проект: просто скопируйте ссылку из адресной строки, находясь в файле проекта (онлайн figma)
2. Токен. Чтобы получить Токен Figma, нужно зайти в настройки аккаунта. Далее листаем до Personal access tokens -> Generate new token.


Приступим к конвертации:
1. Запустите интерфейс Tkinter-Designer: перейдите в разархивированную папку -> gui -> gui.py
2. Введите данные. Укажите папку, в которой появится папка ~build.
3. Запустите софт.

Баги:
Частой проблемой являются белые зоны у округленных прямоугольников. Это можно легко исправить, выставив в коде проблемного элемента background и activebackground на цвет вашего фона.