Figma搭配Tkinter Designer生成的Python GUI多页面跳转方案咨询

实现思路 #

Tkinter实现页面切换核心是用Frame容器承载不同页面的内容，所有页面放在同一位置，通过tkraise()方法控制要显示的页面层级即可。由于你的应用侧边栏是全局公共组件，可单独固定在左侧，右侧单独设置页面容器承载所有子页面，切换时仅更新右侧内容即可。

具体操作步骤 #

1. 导出所有子页面代码：在Figma中单独选中每个子页面的设计帧，用Tkinter Designer分别导出对应页面的代码，将资源文件统一放到assets目录中。
2. 重构代码结构，示例如下：

from pathlib import Path
from tkinter import Tk, Canvas, Frame, Button, PhotoImage

OUTPUT_PATH = Path(__file__).parent
ASSETS_PATH = OUTPUT_PATH / Path("./assets")

def relative_to_assets(path: str) -> Path:
    return ASSETS_PATH / Path(path)

# 主窗口初始化
window = Tk()
window.geometry("1440x1024")
window.configure(bg = "#FFFFFF")
window.resizable(False, False)

# 左侧公共侧边栏绘制（直接复用你原有代码的侧边栏部分）
canvas = Canvas(
    window,
    bg = "#FFFFFF",
    height = 1024,
    width = 1440,
    bd = 0,
    highlightthickness = 0,
    relief = "ridge"
)
canvas.place(x = 0, y = 0)
# 侧边栏背景
canvas.create_rectangle(
    0.0,
    0.0,
    391.0,
    1011.0,
    fill="#282646",
    outline="")
# 侧边栏菜单文本、按钮、Logo部分直接复用原有代码，这里省略重复内容
# 绑定DODAJ按钮的点击事件为切换到DODAJ页面
def show_dodaj_page():
    dodaj_page.tkraise()

# 这里替换你原有DODAJ对应的按钮command参数
# button_dodaj.config(command=show_dodaj_page)

# 右侧页面容器
page_container = Frame(window, bg="#1D1D30")
page_container.place(x=391, y=0, width=1440-391, height=1024)

# 首页内容
home_page = Frame(page_container, bg="#1D1D30")
home_page.grid(row=0, column=0, sticky="nsew")
# 把你原有代码中右侧首页的所有内容移到home_page下绘制，这里省略
# 显示首页默认内容
home_page.tkraise()

# DODAJ页面内容
dodaj_page = Frame(page_container, bg="#1D1D30")
dodaj_page.grid(row=0, column=0, sticky="nsew")
# 把Tkinter Designer导出的DODAJ页面的内容绘制到dodaj_page下，这里省略

# 其他子页面同理新增即可

window.mainloop()

界面预览 #

初始界面：

DODAJ目标页面：

如果不想基于原生Tkinter做二次开发，可选择以下更适合现代化GUI开发的技术栈：

• CustomTkinter：Tkinter的现代化扩展库，UI风格默认适配系统主题，支持圆角、阴影等现代化效果，有配套的CTkDesigner工具支持Figma设计稿转代码，原有Tkinter知识可无缝复用，学习成本极低。
• PySide6/PyQt6：成熟的桌面端GUI框架，功能完善，内置QStackedWidget组件直接支持页面切换，有大量Figma转Qt代码的工具可用，适合功能复杂度高、交互要求高的桌面应用。
• Flet：基于Flutter的Python UI框架，仅用Python代码即可开发跨平台的美观UI，官方支持Figma设计稿转Flet代码，无需学习前端知识，打包后可同时支持Windows、Mac、Linux、网页多端运行。
• Tauri：前端技术栈写UI，Python写后端逻辑，Figma可直接导出前端页面代码，前后端通过本地API交互，UI灵活度极高，打包体积远小于Electron，适合对UI美观度要求极高的场景。

内容的提问来源于stack exchange，提问作者GoldenRC