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

# Turn meeting notes into UI mockups

## Scenario

Your PM just said: “We need a new Rewards page with badges, progress, and history.”

## Challenge

Turning messy meeting notes into usable UI is slow and repetitive.

## How prompt.to.design helps

* Paste meeting notes directly into the prompt
* The plugin interprets the content and identifies structure
* Generates a clean, sectionized UI layout in seconds

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

* Generation begins. The right panel shows AI’s interpretation and breakdown of the notes.

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

* Review the generated layout, refine details, or **Import to 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" />

***

## ✔ A ready-to-review screen generated just minutes after the meeting

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