> ## 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 Redesign

Frame Redesign 可以帮你在 **保留原本版面结构** 的前提下,只用一小段提示,就为整个 Figma Frame 应用全新的视觉风格.

你不需要从零重做布局,只是「换一套外观」——非常适合重新设计,主题探索,或做浅色／深色模式的变化.

***

## 操作步骤:Frame Redesign 怎么用

### 1. 在外掛中打开 Frame Redesign

<img src="https://mintcdn.com/uxarts/g1DoWCqE6cZqAOnJ/images/frame-redesign/1.gif?s=54745360ca03573d7ff7756f5952c9ff" alt="在 Prompt.to.design 中打开 Frame Redesign 功能" width={900} data-path="images/frame-redesign/1.gif" />

在 Figma 中打开 **Prompt.to.design** 外掛,展开 **Features** 功能列表,选择 **Frame Redesign**.

***

### 2. 选择 Frame 并描述你想要的新风格

<img src="https://mintcdn.com/uxarts/g1DoWCqE6cZqAOnJ/images/frame-redesign/2.gif?s=d1d91f55513c14d1ef7bd04ad7501548" alt="选择 Frame 并输入 Frame Redesign 提示" width={900} data-path="images/frame-redesign/2.gif" />

在 Figma 画布上选取你想改版的 Frame,然后输入一段简短的文字,描述你想要的视觉方向——
例如极简白色界面,深色音乐 App,或贴近 iOS 风格的 UI.

写好后点击 **Generate** 产生新版本.

提示范例:

* `Convert this screen to a clean, minimalist white style.`
* `Turn this into a dark mode music app UI with neon accents.`
* `Restyle this frame to match an iOS 17 flat, pastel look.`

***

### 3. 产生结果,导入 Figma 并做比较

<img src="https://mintcdn.com/uxarts/g1DoWCqE6cZqAOnJ/images/frame-redesign/3.gif?s=4a39b4db0a217d77ef314c3df88b797e" alt="产生重新设计后的 Frame,并在 Figma 中比较前后差异" width={900} data-path="images/frame-redesign/3.gif" />

当新风格产生完成后,使用 **Insert into Figma** 导入结果.

把新旧兩个 Frame 放在一起,可以很直观地比较前后差异,\
再依需要多次嘗试不和提示,探索更多视觉方向.

***

Frame Redesign 会 **完整保留原本的版面结构**,只更新整体视觉语言,
让你可以又快又可控地做风格实验,过程也更好玩,更没压力.

<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>