home

cases

Experiments

Blog

Chou/ prtfolio

16:58:58

16:58:59

Tera Design System

Tera Design System

Tera Design System

Tera Design System

Wasabi

#8ffe81

Black

#000

White

#FFF

Tera Design System

Company /

tera

when /

2023

role /

designer and developer

Links /

Figma file

Prototype

Platform URL

First of all,

Design System is about

communication

Things that I learned

point #1

Communication

Every noise, small as possible, can become a giant snowball.


Be clarify, over documentation.

point #2

Holistic

It's not only your Figma library

It's not only your React components

It's not only your Storybook

It's your CRM system too

It's your Mailing system too

It's your CX team too


It's about everything.

Point #3

empower others

Create a design system that blocks other people to create, it's a selfish way to create your design system.

dESIGn

Typography

point #1

Communication

Every noise, small as possible, can become a giant snowball.


Be clarify, over documentation.

point #2

Holistic

It's not only your Figma library

It's not only your React components

It's not only your Storybook

It's your CRM system too

It's your Mailing system too

It's your CX team too


It's about everything.

Point #3

room for creativity

Create a design system that blocks other people to create, it's a selfish way to create your design system.

First of all, Design System is about communication.

Step 1

-> understand

Ears to Every Department's Pains

Get the context of each department by listening to all voices.

Step 2

-> Sketch

Let's sketch out our thoughts

Crazy 8s is a great place to hear people's opinions.