Projects
Archive
About
dim
Smart note managing
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.