Role
Full Stack
Designer
Time
2024-Present
Type
iOS App
Dim is an AI-powered iOS app that helps users quickly capture,
organize, and rediscover their ideas through smart tagging.
Started in April 2024, the project is built by a team of four. I serve
as the sole full-stack designer, leading everything from UI/UX
design, design system, to tokenizing and prototyping.
Visit dim app website
Tag Pills
Once a note is created, it enters a backend pipeline where an LLM
analyzes its content and assigns a tag based on semantic
similarity to existing notes. This allows for more intuitive
organization and makes it easier for users to resurface related
thoughts over time.To enhance visual recognition and context,
each generated tag is paired with a relevant symbol from the SF
Symbols library. The matching process considers both the tag’s
meaning and surrounding content, ensuring icons feel
meaningful rather than generic.
Design system
The custom-made design system includes a comprehensive set
of reusable components, layout primitives, and haptic and motion
guidelines—designed with clarity and simplicity in mind.To ensure
alignment across the team, I also curated an internal reference
guide for motion and haptic behavior. I used tools like Protopie to
prototype key interactions, allowing us to test and fine-tune
micro-interactions before handing them off to engineers.
Instant launch
Dim is intentionally designed to allow users to quickly capture
ideas. Instant launch allows you to take notes the moment you
pull out your phone, eliminating friction and reducing the chances
of losing fleeting ideas.
Quick Writing
The note input is designed as a half-screen card to encourage
brevity and immediacy. It’s perfect for quick thoughts, while still
giving users the option to expand and write more when needed.
Tag Generation
Tags are automatically generated based on both the current note
and the context of past notes. By considering note history, Dim
connects related ideas under shared tags—avoiding a clutter of
one-off labels and making your note library feel more cohesive.
This approach reduces noise and helps users see patterns in
their thinking, turning scattered thoughts into connected insights.
Tag Collection
Tapping a tag brings up all related notes instantly—making
resurfacing past thoughts feel natural and fluid. Users can also
browse all tags in Tag Navigation, creating a lightweight but
powerful structure for their knowledge.
Upcoming Net
Something we're working on right now, aiming to ship in next
few months
Cell Division motion
I created a fun and delightful motion for generating tags.
Natural Language Search
Searching should be natural. By describing you should get what
you are looking for no matter it's a tag or a note you've written.
Tag summarization
The more you write, the more contextualize the tag system will
be. This evolving summarization gives you an overview of what
current tag includes.
Sharing experience
Beautiful sharing cards for you to share your ideas and thoughts.
