Handpicked Design Resources

Screenshot of Design System Structure Guides

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

Supa Gradient

Supa Gradient plugin allows you to create and manage gradients

Screenshot of Do You Know Design Systems

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

Benchmarking Your Design System

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

Screenshot of Themer

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

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

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

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

Fontshare

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

Screenshot of Propstar

Propstar

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

Screenshot of Writing for Interfaces

Writing for Interfaces

create clear, conversational, and helpful writing and provide tips for interfaces copy

Screenshot of Polaris Design System

Polaris Design System

Shopify's Design System - Polaris

Screenshot of Config 2022

Config 2022

Figma annual conference CONFIG is back! Stay tuned for product announcement on May 10 opening keynote.

Screenshot of Gestalt

Gestalt

Pinterest's design system - Gestalt

Screenshot of Apple Accessibility

Apple Accessibility

Redesigned Accessibility page by Apple. Discover accessibility features and how to design better UX with accessibility in mind.

Screenshot of Hong Kong Street Signs

Hong Kong Street Signs

Figma Community template to create Hong Kong street signs.

Screenshot of Kumincho by Kowloon Type

Kumincho by Kowloon Type

Traditional Chinese serif font created by Kowloon Type is released after crowd-funded over $700k USD in Taiwan & Hong Kong in 2021. USD$320.

Screenshot of Photo Booth

Photo Booth

A FigJam plugin that let collaborators / participants to take a photo from a skeuomorphic Polariod. Great for ice-breaking session.