A design system that gives design and engineering one shared vocabulary, so HKChat stays consistent as it keeps adding features.
- HKChat (港話通) · HKGAI
- Product Designer
Project owner - June 2026 — present
- Design tokens · Component library · Style guide · Developer handoff
My Role
- 01.
System ownership
Tokens, components, documentation, and the loop back from code.
- 02.
Design-to-code handoff
The export pipeline and the checks that keep design and code aligned.
- 03.
Feature design
News, community, weather preview, and the widget rules underneath them.
Challenges
- 01.
No tokens
Components were built without defined values. Nothing to point at when two screens disagreed.
- 02.
Inconsistency became a UX problem
The same control behaved differently depending on the screen. Not only a visual issue.
- 03.
Two jobs at once
Features kept shipping. The system had to be built around a product that would not pause.
About the product
Hong Kong's generative AI research centre, funded under InnoHK and led by HKUST. It runs five domain products and is now moving from research into commercial operation. As their MVP product, HKChat launched November 2025. Reached #1 on the Hong Kong App Store and 90,000+ users in its first week. Runs on HKGAI V1, a locally fine-tuned model. Answers in Cantonese, Traditional Chinese, Simplified Chinese and English.
#1
90,000+
720,000+
Components showcase
Enter the password to read the full process and results.
Ask for the password