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

# 將會議記錄轉化為 UI 模型

## 場景

你們的產品經理剛剛說:“我們需要一個新的獎勵頁面,其中包含徽章,進度和歷史記錄.”

## 挑戰

將雜亂的會議記錄轉變為可用的用戶界面是緩慢且重複的.

## 如何讓 prompt.to.design 提供協助

* 將會議記錄直接粘貼到提示中
* 該插件解釋內容並識別結構
* 在幾秒鐘內生成乾淨,分段的 UI 佈局

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/meeting-note/1.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=e5cb993cf734975c2027f84b8edcf2fb" alt="Pasting meeting notes into prompt" style={{ marginTop: '1rem', borderRadius: '8px' }} width="729" height="564" data-path="images/meeting-note/1.png" />

* 一代開始.右側面板display了人工智能對筆記的解釋和分解.

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/meeting-note/2.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=76a5127799ee6b5992885445282efd00" alt="AI interpreting meeting notes" style={{ marginTop: '1rem', borderRadius: '8px' }} width="737" height="571" data-path="images/meeting-note/2.png" />

* 查看生成的佈局,完善細節,或**導入到 Figma**

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/meeting-note/3.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=538dfac5ec40f5abd0cef4bde0945fe0" alt="Preview of UI generated from notes" style={{ marginTop: '1rem', borderRadius: '8px' }} width="736" height="571" data-path="images/meeting-note/3.png" />

***

## ✔ 會議結束幾分鐘後生成可供審核的屏幕

<img src="https://mintcdn.com/uxarts/UM9wkb-xhueNg0Cg/images/meeting-note/4.png?fit=max&auto=format&n=UM9wkb-xhueNg0Cg&q=85&s=dcb7175ac1307b80518f1ca246211141" alt="Final UI created from meeting notes" style={{ marginTop: '1rem', borderRadius: '8px' }} width="2880" height="6237" data-path="images/meeting-note/4.png" />