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

# 註冊與導覽流程

> 從自然語言提示產生的註冊與新手導覽流程版型.

<img src="https://mintcdn.com/uxarts/kLVUa028ag2Aa1qL/images/templates/signup-1.png?fit=max&auto=format&n=kLVUa028ag2Aa1qL&q=85&s=b15616c3179ed08e8ef36f41cb3d4cfb" alt="註冊模板 1" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/signup-1.png" />

<img src="https://mintcdn.com/uxarts/weK5C5uc79GLjm7y/images/templates/signup-2.png?fit=max&auto=format&n=weK5C5uc79GLjm7y&q=85&s=901efddaef4aef7727df65995f933441" alt="註冊模板 2" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/signup-2.png" />

<img src="https://mintcdn.com/uxarts/weK5C5uc79GLjm7y/images/templates/signup-3.png?fit=max&auto=format&n=weK5C5uc79GLjm7y&q=85&s=9afab463b44d2c1a5917195517a9f72e" alt="註冊模板 3" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/signup-3.png" />

<img src="https://mintcdn.com/uxarts/weK5C5uc79GLjm7y/images/templates/signup-4.png?fit=max&auto=format&n=weK5C5uc79GLjm7y&q=85&s=4c48db4bf6f8445407a5b91f62404d17" alt="註冊模板 4" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/signup-4.png" />

<img src="https://mintcdn.com/uxarts/weK5C5uc79GLjm7y/images/templates/signup-5.png?fit=max&auto=format&n=weK5C5uc79GLjm7y&q=85&s=ef0bb668a4cfb9ddb2970d6ff7d613f6" alt="註冊模板 5" width={850} className="rounded-xl shadow-lg" style={{ marginBottom: '32px' }} data-path="images/templates/signup-5.png" />

<div
  style={{
marginTop: '2rem',
display: 'flex',
justifyContent: 'center',
}}
>
  <a
    href="https://www.figma.com/design/OU2qKo5cWSGyocBi73Nc12/50--free-templates-across-all-major-web-UI-types-%E2%80%94-90--coverage--Community-?node-id=0-1&p=f&t=YiJzQeJdSr8pDyyF-0"
    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'"
  >
    在 Figma 中查看模板
  </a>
</div>