# UI Development Process

<figure><img src="https://664460842-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffw5r5DRBUanll1v1egDr%2Fuploads%2F6sw8tcxUiEkZdPzyrEXU%2FScreenshot%202024-07-16%20at%209.43.16%20PM.png?alt=media&#x26;token=40c60643-3e9f-4234-86f1-3abf9db57a31" alt=""><figcaption><p>Over all UI Development Process</p></figcaption></figure>

TODO - Write the whole story here

<figure><img src="https://664460842-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffw5r5DRBUanll1v1egDr%2Fuploads%2FANvSYBdVZc5Ms5io2Por%2FScreenshot%202024-07-16%20at%209.44.21%20PM.png?alt=media&#x26;token=fad2f47f-1b2d-4ed1-9a6b-e0f096cddeb5" alt=""><figcaption><p>Order of UI component Creation</p></figcaption></figure>

## Deliverables:

1. Figma Link
2. Figma Presentation Mode link
3. Recording of Click-through and tutorial