Cover Image for Code for Taiwan 五月小聚:Design Token System,讓設計師和工程師說同一種語言
Cover Image for Code for Taiwan 五月小聚:Design Token System,讓設計師和工程師說同一種語言
Avatar for Code for Taiwan
Presented by
Code for Taiwan
我們是一個公民科技社群,一起培養程式思維,用技術創造改變
50 Going

Code for Taiwan 五月小聚:Design Token System,讓設計師和工程師說同一種語言

Google Meet
Registration
Welcome! To join the event, please register below.
About Event

Design Token System——讓設計師和工程師說同一種語言

設計師說「主色」,工程師說「primary」,PM 說「那個紅色」,講的是同一件事,但每次合作都要重新對齊一次。

專案越大,這個問題越痛:改一個顏色要動十幾個地方,按鈕樣式越改越亂,設計稿和實際畫面永遠有落差,這些問題的根源,是設計師和工程師之間少了一套共同語言。

Design Token 就是這套語言,Harry Chuang 在新加坡 Shopmatic 花了近 6 年,從零推動 Design System,最終幫團隊省下超過 50% 的設計開發成本,這場分享,他會用實際經驗告訴你怎麼做到的。

這場分享會聊什麼

  • Design Token 到底是什麼? 為什麼它能讓設計師和工程師不再雞同鴨講

  • 怎麼把 Token 分層整理? 從最基礎的色碼,到元件可以直接套用的設計規則

  • 在真實團隊中怎麼推? 從一個人開始倡議,到整個團隊願意用,中間踩過什麼坑

  • 小團隊也用得上嗎? 不是只有大公司才需要,小專案怎麼簡單做

關於講者

Harry Chuang|Senior Product Designer

近 18 年設計與前端開發經驗,曾在新加坡 Shopmatic 主導 Design System 建置近 6 年,讓設計和工程團隊透過 Design Token 建立共同語言,目前經營 Harry Design Studio,同時在 AAPD Academy 教授「給設計師的設計系統必修課」(232 位學員),並在 Threads(@harrychuang.ds)上持續分享 Design Token 實務知識。

關於 Code for Taiwan

我們是 Code for Taiwan,我們在做的事情是普及程式思維,讓大家都能擁有用程式思考和解決問題的能力。

在這個 AI 盛行、no-code 和 low-code 工具快速發展的時代,雖然更多人能快速做出一些東西,但卻不清楚自己真正在開發什麼,我們希望改變這個現象,讓大家在投入程式開發時,能夠具備相應的思維邏輯,而不只是像玩角子老虎機一樣碰運氣。

我們在每個月的「第三個星期三八點到九點」會固定舉行月會尋找一些議題一起來學習程式思維,所以不管你是剛開始的小白工程師、PM 還是設計師,想要學習新知,都能在這裡找到同伴,一起學習成長,如同我們的名字 Code for Taiwan,我們的願景是讓台灣的每個人都能寫出好的 Code!

Avatar for Code for Taiwan
Presented by
Code for Taiwan
我們是一個公民科技社群,一起培養程式思維,用技術創造改變
50 Going