Alex Tatu

{ CASE STUDY }

Unusual Toggles

A collection of 12 experimental toggle switches—each one a micro-world of motion, material, and character.

UI DesignMotion
cover
RoleUI Designer, Motion Designer
ToolsFigma
Year2025

Toggles are the smallest unit of interaction—a binary promise between a product and its user. What happens when you treat each one as a world of its own?

{ OBJECTIVE }

Four constraints. Infinite variation.

01

No standard shapes

Every toggle breaks from the conventional pill or rectangle. Form follows personality, not convention.

02

Motion is the message

The transition itself communicates meaning—state changes are never instant, always felt.

03

Material honesty

Each toggle embodies a distinct material logic: fluid, elastic, crystalline, mechanical.

04

Self-contained worlds

A toggle is a micro-product. It must work in total isolation, with its own language and character.

05

Emotion over function

The toggle must spark a feeling—curiosity, satisfaction, delight—not just confirm a state change.

06

Pixel-perfect craft

Every frame of animation is intentional. No lazy easing, no accidental artifacts.

{ DESIGN PROCESS }

How each toggle was made

Start with an emotion — not a shape. What should this state change feel like? Satisfying, playful, calm, electric?

Sketch the physics first. Spring tension, overshoot, and easing are the soul of a toggle — everything else is decoration.

Build in Figma, animate in Jitter. Iterate until the motion feels inevitable — not designed, just right.

Release, listen, and repeat. Community feedback shaped which directions to push, which to drop, and which to revisit with more ambition.

{ THE COLLECTION }

12 toggles. 12 personalities.

Each one designed as a self-contained micro-world with its own motion language and material logic.

{ COMMUNITY }

Community Involvement

Every toggle was shared publicly on X. Community feedback helped shape the design direction: from style preferences (light vs. dark) to favorites by vote. Feedback was never an afterthought; it was part of the design system.

Breaking away from convention is powerful, but never easy.

Working within strict limits unlocked unexpected creativity.

Sharing the process publicly didn’t just build momentum; it brought clarity, direction, and real connection.

community-screenshot-1
community-screenshot-2
community-screenshot-3
community-screenshot-4
community-screenshot-5

{ WHAT'S NEXT }

From components to systems

The toggle series was a proof of concept—that micro-interactions can carry full product personality. The next step is scaling this thinking into a broader motion design system.