Design token system

Date

Date

Date

September 16, 2024

September 16, 2024

September 16, 2024

Author

Author

Author

Soren dai

Soren dai

Soren dai

What is design token system?

It is a code language that defines product attributes. For example, a button. You can name it "main-button-hover", which means you can manage these components uniformly.

How to use that

Designers can use it in figma, it has a plugin call Token studio. I use that make a website base on my project1.

Design token system advantage

It can provide a kind of repository for recording and tracking style choices and changes. You can manage these components uniformly.

When using tokens for design and implementation, style updates will propagate consistently through an entire product or suite of products. You also can better connect with engineers and increase the efficiency of subsequent changes to the project.

Related posts

October 20, 2024

UX project story telling

October 20, 2024

UX project story telling

October 20, 2024

UX project story telling

July 5, 2024

Figma Autolayout & Grid system

July 5, 2024

Figma Autolayout & Grid system

July 5, 2024

Figma Autolayout & Grid system

Contact me

I’m always welcome to communicate with me!!!

E-mail

d1226394303@gmail.com

Phone

+1 6282809082

Contact me

I’m always welcome to communicate with me!!!

E-mail

d1226394303@gmail.com

Phone

+1 6282809082

Contact me

I’m always welcome to communicate with me!!!

E-mail

d1226394303@gmail.com

Phone

+1 6282809082

Interaction Portfolio

Soren Dai

Interaction Portfolio

Soren Dai

Interaction Portfolio

Soren Dai