Design System & Design Tokens - Figma Who Says Easy?
🔥 Design System & Design Tokens - UI DAY 3 Version 49
.
The topic that many people think "probably won't be difficult" just configure the color, define the font.
.
Until actually studying 555 😅
.
Because this isn't just about making a pretty UI.
But to think of a system for the team to use.
.
From Component, Variant, Auto Layout, Responsive, Color Naming, Typo, Style to Token that helps design better connect with Development.
.
Full packed content
From basic to advanced.
.
🥹 can't believe asking the learner...
"How tight?" 555 🤣🤣🤣
.
Because being a good UX / UI Designer
Not just doing pretty screens
But also to design scalable systems.
.
* Everyone is very good. They are together from morning to evening.
* Don't forget to review back.
* Please leave Pitching Project x AI and see you on Pitching Day 4, yeah ~
.
The website included UXUI resources of UXUI STUDIO people.
/
.
👉 Reservation / Inquiry
FB PAGE: https://m.me/uxuistudio9
.
# uxuistudio # uxdesign # uidesign # Graphicdesign # uxui# uxuiworkshop # uxworkshop # uiworkshop
# Because we understand what newbies want
จากประสบการณ์ตรงที่ได้เข้าร่วมเวิร์กช็อปเกี่ยวกับ Design System และ Design Tokens ใน Figma พบว่าหลายคนมักคิดว่าการสร้างระบบดีไซน์นั้นง่ายเพียงแค่กำหนดสีและฟอนต์เท่านั้น แต่อันที่จริงแล้วมันเป็นเรื่องลึกซึ้งที่ต้องทำความเข้าใจองค์ประกอบหลายส่วน เช่น การจัดการ Component ที่ทำให้สามารถนำกลับมาใช้ซ้ำได้, Variant ที่ช่วยสร้างความยืดหยุ่นในการออกแบบองค์ประกอบ UI, การใช้ Auto Layout เพื่อการจัดวางที่อัตโนมัติและตอบสนองต่อการเปลี่ยนขนาดของหน้าจอ รวมถึงการตั้งชื่อตัวแปรสี (Color Tokens) และตัวอักษร (Typography Tokens) ซึ่งมีผลต่อการสื่อสารออกแบบและการทำงานร่วมกับทีมพัฒนา การเรียนรู้เรื่อง Design Tokens ยังช่วยให้การเชื่อมต่อระหว่างดีไซน์และการพัฒนาระบบเป็นไปอย่างราบรื่น เพราะ Tokens จะทำหน้าที่เป็นรหัสกลางที่สื่อสารค่าสี ขนาด และรูปแบบต่างๆ ให้กับโค้ดโดยตรง เมื่อมีการเปลี่ยนแปลงรายละเอียดใน Design Token ก็จะสะท้อนในทั้งดีไซน์และโค้ดทันที ช่วยลดความผิดพลาดและเพิ่มประสิทธิภาพในการทำงานร่วมกัน ตัวเวิร์กช็อปที่เข้าร่วมยังรวมถึงการสอนตั้งชื่อสไตล์สีและฟอนต์อย่างเป็นระบบ ซึ่งช่วยให้ทีมสามารถเข้าใจและนำไปใช้ได้อย่างถูกต้อง นอกจากนี้ยังมีการฝึกฝนผ่านโปรเจกต์จริง ทำให้ผู้เรียนเข้าใจและสามารถนำความรู้ไปสร้างพอร์ตโฟลิโอได้จริง เหมาะมากสำหรับมือใหม่ที่ต้องการเริ่มต้นในสายงาน UX/UI Designer สิ่งสำคัญที่ได้จากประสบการณ์นี้คือความเข้าใจว่า Design System ไม่ใช่แค่เรื่องความสวยงามของ UI แต่คือการวางระบบเพื่อรองรับการสเกลงานในอนาคต การสร้างความสม่ำเสมอและการบำรุงรักษาที่ง่ายสำหรับทีมออกแบบและพัฒนา ดังนั้นใครที่คิดว่าเรื่องนี้ง่าย ควรเปิดใจให้กว้างและเรียนรู้ในเชิงลึก เพราะมันจะเป็นกุญแจสำคัญที่จะช่วยให้คุณเป็น UX/UI Designer ที่ไม่เพียงแค่สร้างผลงานสวยงามแต่สามารถทำงานร่วมกับทีมได้อย่างมืออาชีพจริงๆ












































































