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

# 部分重新設計

部分重新設計可讓您更新Frame的**一個特定區域**,而不影響佈局的其餘部分.\
當您想要刷新Card片,重新設計某個部分或探索變化同時保持頁面結構完整時,這非常有用.

***

## 1. 選擇 **部分重新設計** 選項Card

打開 **prompt.to.design** 插件並點擊 **Partial Redesign** 標籤.\
此模式允許您在Frame內選擇現有區域並僅重新生成該部分.

<img src="https://mintcdn.com/uxarts/I6HFqaPtsdDRX4cS/images/region-redesign/1.png?fit=max&auto=format&n=I6HFqaPtsdDRX4cS&q=85&s=66fcc80bb0c1833dbb83fb77566a9d62" alt="打開插件並選擇區域重新設計標籤" width={700} data-path="images/region-redesign/1.png" />

***

## 2. 選擇包含要重新設計的區域的Frame

首先,您必須在 Figma 畫布上選擇整個 **Frame**.\
在您選擇特定區域之前,插件需要知道您想要在哪個頁面中工作.

### 為什麼這一步很重要:

* 區域重新設計**僅在首先選擇Frame時有效**
* 如果沒有選擇Frame,插件無法進入區域選擇模式
* 選擇Frame後,插件將display消息:\
  **"在Frame中選擇一個區域"**

<img src="https://mintcdn.com/uxarts/I6HFqaPtsdDRX4cS/images/region-redesign/2_A.png?fit=max&auto=format&n=I6HFqaPtsdDRX4cS&q=85&s=0913bd71b63db5d0bc93ced1787e43cc" alt="單擊Frame以啟用區域選擇模式" width={600} data-path="images/region-redesign/2_A.png" />

<img src="https://mintcdn.com/uxarts/I3JOnALDZ5tIGfai/images/region-redesign/2_frame.png?fit=max&auto=format&n=I3JOnALDZ5tIGfai&q=85&s=ad0a317d672f8048633af51307b1a197" alt="將用於區域重新設計的選定Frame的示例" width={500} data-path="images/region-redesign/2_frame.png" />

***

## 3. 選擇Frame內的區域

選擇Frame後,單擊要重新設計的特定區域 - 例如Card片,部分或內容塊.

<img src="https://mintcdn.com/uxarts/I6HFqaPtsdDRX4cS/images/region-redesign/3_A.png?fit=max&auto=format&n=I6HFqaPtsdDRX4cS&q=85&s=32b45bbc7983442b898ab8f5bf3fd9cd" alt="選擇Frame區域後,插件display選定的區域" width={600} data-path="images/region-redesign/3_A.png" />

### 推薦方法（特別適合初學者）:

**使用左側的 Figma 圖層面板選擇確切的區域.**

即使層嵌套,這也可確保您選擇正確的組件或容器.

<img src="https://mintcdn.com/uxarts/I3JOnALDZ5tIGfai/images/region-redesign/3_region.png?fit=max&auto=format&n=I3JOnALDZ5tIGfai&q=85&s=3382d4b4cafb2e291e3a20a3519439b4" alt="使用圖層面板或畫布選擇Frame內的特定區域" width={675} data-path="images/region-redesign/3_region.png" />

***

## 4. 描述您要在所選區域更新的內容

鍵入一個簡短的提示,描述您希望如何重新設計所選區域.\
只有所選區域才會更新 - 頁面的其餘部分保持不變.

提示示例:

> "將這張評級Card重新設計成高級,豪華酒店style.\
> 使用暖色調,柔和的立面和精緻的版式.保留所有內容,但要讓它感覺優雅和高端."

<img src="https://mintcdn.com/uxarts/I6HFqaPtsdDRX4cS/images/region-redesign/4.png?fit=max&auto=format&n=I6HFqaPtsdDRX4cS&q=85&s=5290d4d21611f9fdc7eb9fce70f7195c" alt="輸入如何重新設計所選區域的描述" width={350} data-path="images/region-redesign/4.png" />

***

## 5. 生成並審查重新設計的預覽

單擊"**生成**"以創建所選區域的新變體.\
預覽將display與Frame現有樣式系統相匹配的新設計.

您可以滾動或縮放來比較不同的版本.

<img src="https://mintcdn.com/uxarts/I3JOnALDZ5tIGfai/images/region-redesign/5.png?fit=max&auto=format&n=I3JOnALDZ5tIGfai&q=85&s=d77288322d4af791e8e46f8a7e6d38a7" alt="審查所選區域的 AI 生成變體" width={700} data-path="images/region-redesign/5.png" />

***

## 6. 將重新設計的區域插入 Figma

點擊 **Insert to Figma** 以應用新版本.\
只有選定的區域將被替換 - Frame的其餘部分將保持完全相同.

更新後的區域將display為完全可編輯的 Figma 圖層.

<img src="https://mintcdn.com/uxarts/I3JOnALDZ5tIGfai/images/region-redesign/6_newframe.png?fit=max&auto=format&n=I3JOnALDZ5tIGfai&q=85&s=c8bd90462af5ed8d6e91ba365036fc34" alt="將重新設計的區域插入現有Frame中" width={900} data-path="images/region-redesign/6_newframe.png" />

***

## 概括

通過部分重新設計,您可以:

* 只更新頁面的一部分,而不影響其餘部分
* 快速探索多種設計變體
* 保持頁面結構和間距不變
* 在整個佈局中保持style一致性
* 將所有生成的輸出編輯為原生 Figma 圖層

區域重新設計非常適合改進Card片,部分,模塊或頁面中需要煥然一新的外觀的任何部分.

<div
  style={{
marginTop: '2rem',
display: 'flex',
justifyContent: 'center',
}}
>
  <a
    href="https://www.figma.com/community/plugin/1528325292196938261/prompt-to-design-by-superun-ai-10x-faster-with-ai-design-like-a-pro-prototype-instantly"
    style={{
  backgroundColor: '#0F172A',
  color: 'white',
  padding: '12px 28px',
  borderRadius: '8px',
  fontSize: '16px',
  fontWeight: '600',
  textDecoration: 'none',
  boxShadow: '0 4px 12px rgba(0,0,0,0.08)',
  transition: 'all 0.2s ease',
}}
    onMouseOver="this.style.backgroundColor='#1E293B'"
    onMouseOut="this.style.backgroundColor='#0F172A'"
  >
    開始使用 prompt.to.design 設計
  </a>
</div>