Daily UI

100 days of thinking out loud.

A mobile rhythm game UI, built around
a guitar I'd already modeled in 3D.

Daily UI

A mobile rhythm game UI, built
around a guitar I'd already modeled in 3D.

YEAR

2026

ROLE

UX/UI Designer

TOOLS

Figma
Blender

STATUS

In Progress

Built to scale

Built to scale

Built to scale

Components, states, variables.
Then the visual follows

The #1 reason cat furniture
gets returned, solved before purchase

Open files

Open files

Open files

Every Figma file is public. The work, the organization, the thinking, all visible.

Systems

Systems

Systems

Every element is reusable.

Overview

Daily UI is a well-known design challenge where you recieve a UI prompt every day for 100 days.

I’m using the prompts not just to design static screens, but as an opportunity to share my workflow. I use each day to show how I think, structure and organize files, from components with interaction states, color variables and text styles, to basic prototyping.

I love hand sketching, but for this challenge I've been using AI to generate rough wireframes as a starting point, then taking it into Figma from there. Each day's file is open to explore.

Overview

Daily UI is a well-known design challenge where you recieve a UI prompt every day for 100 days.

I’m using the prompts not just to design static screens, but as an opportunity to share my workflow. I use each day to show how I think, structure and organize files, from components with interaction states, color variables and text styles, to basic prototyping.

I love hand sketching, but for this challenge I've been using AI to generate rough wireframes as a starting point, then taking it into Figma from there. Each day's file is open to explore.

#001 - Sign Up

GIF containing the interaction from day 01

Components built: form input (5 states), primary button (6 states), and a level selector. Prototype covers the full sign-up flow with loading and success feedback.

#001 - Sign Up

GIF containing the interaction from day 01

Components built: form input (5 states), primary button (6 states), and a level selector. Prototype covers the full sign-up flow with loading and success feedback.

#002 - Credit Card Checkout

Components built: form input (4 states), checkout button (4 states), step indicator, and a payment method accordion. Prototype covers the full checkout flow, from payment method selection to confirmation screen.

GIF containing the interaction from day 02

#002 - Credit Card Checkout

Components built: form input (4 states), checkout button (4 states), step indicator, and a payment method accordion. Prototype covers the full checkout flow, from payment method selection to confirmation screen.

GIF containing the interaction from day 02