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

# Template Remix

Template Remix 让你可以把任意一个现有版型,快速「复刻」出一个符合自己品牌与内容的新版本.

你只需要输入提示,设定语气与方向,Prompt.to.design 就会在 Figma 内直接帮你改造模板,非常适合:

* 想要速度与一致性的设计师
* 想沿用结构,但更新风格与文案
* 想在短时间内产生多个版本做比较或测试

***

## 功能总览

下面这支短片示范了 Template Remix 在 Prompt.to.design 外掛中的实际操作流程.

<div style={{ position: "relative", paddingBottom: "56.25%", height: 0, marginBottom: "2rem" }}>
  <iframe src="https://www.youtube.com/embed/pb9wZkvgQxw" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }} />
</div>

***

## 核心优点

* 复刻并改造上千种版型,填入你自己的内容与品牌
* 保留原本结构,同时更新视觉风格与讯息表达
* 几秒内就能产生新的页面变化
* 结果可直接插入 Figma 画布,完全可编辑
* 非常适合原型设计,A/B 测试与快速探索

***

## 操作步骤:Template Remix 怎么用

### 1. 在外掛中打开 Template Remix

从外掛上方导览列中点选 **Template Remix**.

接着点击 **Select templates**,你会看到依类别整理好的模板清单,例如 **Home**,**Sign-in**,**Dashboard**,**Products** 等.

### 2. 浏览并选择要复刻的模板

点击任一模板卡片即可预览.\
预览可以帮助你先理解版面结构,再决定是否用它当作基底.

### 3. 用提示描述你想要的新设计

在描述字段中输入简单的文字,说明你想产生的是什么页面,给谁用,主要目标是什么.

### 4. 点击「Remix」产生新版面

superun 会读取选定的模板 → 应用你的提示 → 产生一个新的设计,\
同时兼顾原有结构与你在内容／风格上的需求.

你可以无限次重新产生不和变化.

### 5. 将结果插入 Figma

当你看到喜欢的版本时,点击 **Insert into Figma**.\
生成的版面会直接加入目前的画布中,所有图層都可以像一般 Figma 元件一样编辑.

***

## 使用小技巧

* 在提示中清楚说明产品用途与目标族群
* 补充你想要的视觉氛圍（例如:极简,活潑,未来感,溫暖）
* 如果有必备区块（CTA,表单字段,主 Hero 文案等）,可以在提示里点名
* 多生成几个版本,比较不和方向会比较有收获

***

## 总结

Template Remix 提供了一种又快又稳定的方式,\
让你在不必手动重建 UI 结构的情况下,把专业模板转换成自家品牌的版面.

试着搭配不和提示与模板,探索更多你原本不一定会想到的版型组合.

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