Pythonでもちょっとリッチな見た目のアプリを設計してみる

PythonのGUIアプリは見た目が古くなりがち…。そんな課題を解決するのが「Tkinter Designer」です！本セッションでは、Figmaと連携してリッチなUIを設計する方法、制作フロー、メリット・注意点を解説。デザインの手間を省き、より洗練されたPythonアプリを作るヒントを紹介します。Pythonで魅力的なGUIを作りたい方、必見！

Transcript

1. Pythonでも ちょっとリッチな見た目のアプリを 設計してみる 味気ないデザインからの脱却🤩 ビジュアルプログラミングIoTLT　2025.01.30 @ueponx
2. 自己紹介　@ueponx　上田茂雄
3. PythonでGUIアプリを使用すると… こんな感じになりませんか？ 一般的によく知られたTkinter を使ってGUIアプリを作成すると 左のようなアプリになります。 うっ…古のVB6時代のことが
4. この結果をみると😟😟😟
5. 最近ではデザイナと分業でUIを決める… Figmaで よろしく！
6. もうこれしかない😫
7. 良い手はないのか？
8. 見つけました！ Tkinter Designer https://github.com/ParthJadhav/Tkinter-Designer BSD 3-Clauseライセンス
9. Tkinter Designerでの制作フロー 事前設定 • APIキーを作成する。 制作時 ①Figmaを一定のルールでUIデザインする ②共有設定（共有URLの発行） ③Tkinter Designerで変換処理（API URL ファイル格納先を 指定） ④処理の埋め込み
11. 編集時のルール 編集時には左表のルールで作 成する。 ただし、文字列に関しては設 定をしなくてもよい。 Button、TextArea、Image を気をつける！
17. Tkinter Designerを使えば…
18. 営業終了にならずにすんだ
19. Tkinter Designerの長所 • Figmaと連携して、イメージやUI機能の配置などが行える。 • ボタンUIの場合にはハンドラを設定してくれるので、処理の記 述に専念できる。 • デザインしなくていい・文句を言われにくい。
20. Tkinter Designerの注意点 • 出力コードそのままという理由にはいかない。 • 日本語の出力ができない模様（UIに日本語が入っていると豆 腐になる） • インストール方法がリポジトリのREADMEにかかれている が、それではインストールが完了していない😫 （pip installはライブラリのみのインストールの模様） →リポジトリをクローンする必要がある😑
21. Figmaと両立ならいいけど…