> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 可編輯的設計

> superun 中的全頁可視化編輯 — 可視化編輯任何元素;Boxify 需要消耗積分,其他編輯是免費的.

入口點:頂部導航中間的調色板圖標.點擊進入,當前頁面變得完全可視化可編輯.

在 superun 的可編輯設計中,您可以編輯整個頁面所見即所得:選擇任何元素直接修改它,或使用提示微調佈局和样式 - 無需接觸代碼.

## 學分

* Boxify（將頁面構造為盒子模型/可操作組）消耗積分.
* 其他編輯（文本,color,間距,排版,對齊,半徑,陰影,圖像替換等）是免費的.

## 何時使用可編輯設計

將其用於:

* 複製更改和本地化佔位符
* 字體,大小,粗細,字母/行距
* color主題和按鈕/鏈接/部分color
* 佈局和網格 (Flex/Grid),對齊/分佈,自動佈局
* 間距（填充/邊距）,半徑,陰影,邊框
* 響應斷點（桌面/平板電腦/移動設備）
* 替換/裁剪圖像和圖標;插圖佔位符
* 組件級調整和狀態樣式（懸停/活動/禁用）

## 如何訪問和使用可編輯設計

1. 單擊頂部導航欄中的調色板圖標進入可編輯設計
2. 懸停並單擊選擇目標元素,或啟用 Boxify 構建頁面（僅 Boxify 消耗積分）
3. 使用側面工具或命令面板編輯排版/color/佈局/間距等.
4. 對於較大的更改,請使用提示應用批量/鏈接更新（提示按常規消息計費）
5. 單擊“更新原型”以應用更改並立即更新預覽和代碼

***

<Card title="superun 網站" icon="globe" href="https://superun.com/web" horizontal>
  訪問該網站以了解更多功能和示例.
</Card>