Screenshot of Redesigning for Health Check Report

Redesigning for Health Check Report

How would you design a body check report? Last month, i received a physical copy of my body check result. Embracing “product designer…

8 months ago

Screenshot of Building Gatsby Starter for Digital Garden

Building Gatsby Starter for Digital Garden

Skip to bottom if you are already using Obsidian You cannot connect the dots by looking forward. You can only connect them by looking…

8 months ago

Screenshot of Why should you create a website

Why should you create a website

Have you been relying on social media to promote your content? How did you cope with the uprising of new platforms? Discussion of…

9 months ago

Screenshot of State of Service Design

Careers

State of Service Design

Comprehensive and exhaustive findings from the first Service Design benchmark survey in the U.S.

Screenshot of Readability Guidelines

Copywriting

Readability Guidelines

It's amazing to see changing the text alone improve readability and usability. This wiki has provided more than 100 guidelines on how to write and design for content.

Screenshot of Design System Structure Guides

Figma

Design System Structure Guides

Design system structure guide help you to pick the right file hierarchy according to your figma plan! Analyzed the complexity, pros and cons for each options too! Super useful

Screenshot of Supa Gradient

Color

Supa Gradient

Supa Gradient plugin allows you to create and manage gradients

Screenshot of Do You Know Design Systems

Made in Hong Kong

Do You Know Design Systems

Slides from "Do You Know Design Systems - AMA with HK Design System Experts", organised by Friends of Figma, Hong Kong

Screenshot of Benchmarking Your Design System

Design System

Benchmarking Your Design System

Free e-book by Invision to help you to evaluate and evolve your design system

Screenshot of Themer

Design System

Themer

Themer allows you to create and switch themes from your published style library. Applying to color, shadow and text styles.

Screenshot of Prison Gothic

Typography

Prison Gothic

Support this new Hong Kong typeface crowdfunding project! Prison Gothic is a digitalised and extended font according to handcrafted road sign typeface by prisoners starting in 1970s in Hong Kong. USD$121

Screenshot of The Decision Lab

User Experience

The Decision Lab

The Decision Lab contains a library of biases that help you to make logical decision for your research.

Screenshot of Dela Gothic One

Typography

Dela Gothic One

Dela Gothic One is a Japanese typeface that has very complete Chinese character set. Best of all it's available on Google Fonts, meaning you can use it on Figma and anywhere as well for free in any usage.

Screenshot of Fontshare

Typography

Fontshare

Fontshare is a free font sharing platform that is 100% free for personal and commercial use.

Screenshot of Propstar

Figma

Propstar

Propstar is super helpful when designing components to accommodate all possible options for variations and component properties.