Handpicked Design Resources

Screenshot of State of Service Design

State of Service Design

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

Screenshot of Readability Guidelines

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

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.