diff --git a/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx b/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
index 9e0ce683d..e2ff102dd 100644
--- a/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
+++ b/apps/ai-game-creator-shell/src/view/ui-editor/components/preview/PreviewWorkspace.tsx
@@ -295,14 +295,15 @@ export function PreviewWorkspace({
             </button>
           </div>
           {renderMode === 'final-preview' ? (
-            <button
-              type="button"
-              className={`rounded-md border px-2 py-1 text-[10px] ${showFrame ? 'border-orange-500 bg-orange-50 text-orange-700' : 'border-(--platform-subpanel-border) text-(--platform-text-soft)'}`}
-              aria-pressed={showFrame}
-              onClick={() => setShowFrame((current) => !current)}
-            >
-              Show frame
-            </button>
+            <label className="inline-flex cursor-pointer select-none items-center gap-1.5 text-[10px] text-(--platform-text-soft)">
+              <input
+                type="checkbox"
+                checked={showFrame}
+                onChange={(event) => setShowFrame(event.target.checked)}
+                className="size-3 accent-orange-500"
+              />
+              <span>显示框线</span>
+            </label>
           ) : null}
           <span className="text-[10px] text-(--platform-text-soft)">
             {Object.keys(controller.images).length} 张界面图 ·{' '}