Automatically translated.View original post

UXUI - Design system / Design token

✅ Design System / Design Token

.

Basic management is the beginning of a "practical" design system.

.

From coloring, Typography, Shadow to Naming (String) and Configuring Value to the same standard.

.

Then, weld everything together with Variables, Styles, Components and Variants to make it easy to solve, easy to use and extend to the whole team.

.

It's all in the UI DAY 3 content to be practical, practical, practical!

.

🔥 Read UXUI Model 48 Details [March Cycle]

/

.

.

📥 for organizations or companies interested in training seminars on-site / online or Consult Project.

You can contact it by IB: https://m.me/uxuistudio9.

.

# Unlock Skill UX / UI - Because we understand what "newbies" want.

# uxui # uxuidesign # uxdesign # uidesign # Figma# uxuidesigner # graphicdesign # uxuiworkshop # uiworkshop # UXUI # WebDesign # ProductDesign # uxuistudio

2/21 Edited to

... Read moreในประสบการณ์การทำงานด้าน UX/UI ผมพบว่า Design System ที่ดีเริ่มต้นจากความเข้าใจลึกซึ้งเกี่ยวกับการจัดการองค์ประกอบต่างๆ อย่าง Colors, Typography, Shadow และการตั้งชื่อค่าต่างๆ (String และ Value) ให้เป็นมาตรฐานเดียวกัน ซึ่งสิ่งนี้จะช่วยลดความสับสนและเพิ่มประสิทธิภาพในการสื่อสารระหว่างดีไซน์เนอร์และนักพัฒนา ขั้นตอนสำคัญอีกประการคือการนำ Values เหล่านี้มาเชื่อมโยงในรูปแบบ Variables, Styles, Components และ Variants เพื่อให้ง่ายต่อการแก้ไขและสามารถขยายผลได้ในทีมใหญ่ โดยผมได้ลองใช้เครื่องมือ Figma ร่วมกับการสร้าง Design Token ทำให้การปรับเปลี่ยนสีหรือฟ้อนต์สามารถส่งผลได้ทันทีทั่วทั้งโปรเจค นอกจากนี้ การตั้งชื่ออย่างมีระบบ ยังช่วยให้สามารถค้นหาและอ้างอิงได้ไวในแต่ละองค์ประกอบ จากข้อมูล OCR ที่เห็นในภาพจะสอดคล้องกับแนวทางการจัดการ Colors - Variable, Typography และ Styles ซึ่งสิ่งเหล่านี้แม้จะดูเป็นเรื่องพื้นฐาน แต่ถ้าจัดการได้ถูกต้องถือเป็นหัวใจของ Design System ที่ "ใช้ได้จริง" และลดปัญหาเวอร์ชันซ้ำซ้อนหรือความไม่สอดคล้องกันในงานดีไซน์ สำหรับผู้ที่เริ่มต้นหรือมือใหม่ การเรียนรู้ผ่านกิจกรรม UI Day 3 ที่ลงมือปฏิบัติจริงจะช่วยทำให้เข้าใจมากขึ้น และการอบรมอย่างเป็นระบบยังช่วยให้เกิดความเชี่ยวชาญในการสร้าง Design System ที่แข็งแรง สามารถนำไปใช้ต่อยอดได้ในงานจริง มองว่า Design Token ไม่ใช่แค่คำศัพท์ใหม่ แต่เป็นกุญแจสำคัญในการทำงานของทีม UX/UI ในยุคนี้ ดังนั้นผมแนะนำว่าไม่ควรมองข้ามขั้นตอนการกำหนดมาตรฐานเหล่านี้ เพราะมันคือรากฐานที่จะช่วยให้งานดีไซน์มีคุณภาพและมีความต่อเนื่องอย่างแท้จริง

Related posts

5 ✨Free✨ Online Certifications
Do you have some downtime and want to build your resume? I always recommend courses and certifications. I believe that they show that you are serious about continuing education and your career. But, they can be expensive and you cannot really “return” your certification if you feel like it was a wa
Itsleilahclaire

Itsleilahclaire

2968 likes

This… right here… is what I mean when I say it’s the little things 🥺 I mentioned ONE time, just in passing… that I wanted to start a perfume collection. Not because I needed it. Not because it was a priority. But because I’m learning to step into a softer version of myself… a version that allows
Samvia & Antwan

Samvia & Antwan

5488 likes

Tech Jobs That Don’t Require Coding!
#nocodingtechjobs #digitalmarkeing #cybersecurity #uxuidesign #technicalwriter
Aysha

Aysha

15 likes

5 hobbies every woman must have✨
Empower your life with these five essential hobbies every woman should embrace: staying fit, unleashing creativity, expanding knowledge, nurturing a growth mindset, and exploring avenues to financial independence. Elevate your journey to self-fulfillment today! 💪🎨📚💡💰 If you want to join the IAdo
Regainyouraura

Regainyouraura

1276 likes

Powerful Websites
#software #fy #fypシ゚viral #businesssoftware #freewebsites
Tha Smoke Websites

Tha Smoke Websites

88 likes

How to Find Hidden Jobs? Skip The Competition 🔥
Must save for your next job search! 📌 Do you know there is a hidden job market out there? There are a lot of jobs that don’t get posted anywhere online or advertised. This is where you can gain an edge over the market and beat the competition. Let’s dive into how you can uncover these hidden
Pradeep M

Pradeep M

565 likes

Mitski pfps
#mitski
Flop

Flop

9 likes

JOBS FOR ART MAJORS 🎨 🖥️ ✏️
Are you a fine art major or want to work in design? There are many ways to do use your degree to find those careers! Here are a few ideas to get you started! Remember a lot of career paths are not linear! Fine Arts Degree ✺ Illustrator ✺ Animator ✺ Art Teacher ✺ Community Arts Manager ✺
Itsleilahclaire

Itsleilahclaire

140 likes

Vision Board Draft!
A vision board using a new Lemon8 template and recent pics and screenshots in my phone. How cute that my current aesthetic is in everything! 🌸🌸🌸 #lemon8template #lemon8creators #lemon8beta #betatesting #unfiltered #lemon8challenge #embracevulnerability #visionboard #uxuid
⚘ ⋆ Liah ೀ

⚘ ⋆ Liah ೀ

13 likes

Web and App Design Concepts
#uxdesign #ux #uxui #graphicdesign #webdesign #digitaldesign #digitaldesigner #uxdesigner #skincare #matcha
Sam

Sam

60 likes

Have your home smell rich and luxe
Here is a direction on how to use products to build a scent bubble in home. I always layer my body and home fragrances because it brings so much depth. #luxuriousscents #homeluxuryscents #made everything smell good #smellfabulous #cleaningmotivation #cleanwithme #unfiltered #lemonhom
Dom

Dom

2431 likes

UX/UI design inspo & tips🖼️🖌️
Hi lovelies, I’m Dani - A UX/UI designer passionate about creating digital experiences that are as seamless as they are beautiful. 💻✨ From media + marketing to design, I’ve always loved storytelling—now I bring that same creativity into building user-friendly designs.🦋 Follow along for a mix of:
Dani_ale

Dani_ale

6 likes

New Camera Feature — Potential Bug
Hello! Not sure if this was mentioned yet, and hope I am explaining it well below! (I provided screenshots to show what I mean as well.) I noticed that when adding a post to a carousel or after using the camera, there is no other way to add from the camera or to apply the new templates. { As
⚘ ⋆ Liah ೀ

⚘ ⋆ Liah ೀ

7 likes

​🧸 Ages 2-4 (Toddlers & Preschool) & Rewards
Parents, you're doing great! With 2-4 year olds, simple rewards work best. Think stickers, high-fives, or a special story. You're not just giving a treat; you're building positive habits and celebrating their effort. Keep it up! #toddlerdevelopment #rewardsystem #raisinglittlepe
Mom's Simple Playbook

Mom's Simple Playbook

26 likes

Start your digital marketing journey by selling digital products, a.k.a. digital assets. It’s literally an evergreen business model think of it as your pot of gold on the other side of the rainbow. You just have to cross the rainbow to get to it and I’m here to show you how #digitalmarketingforbeg
Bellah Roze

Bellah Roze

30 likes

These smells so good!! 🔥❤️
Teia

Teia

9 likes

More Sink Play ASMR
✨️For Entertainment Purposes Only✨️ I've said it once and I'll say it again, I love sink play with laundry crystals! This time I wanted to make sure to add laundry powder, bleach, cloralen, DS and citrus Ajax! This smelled soooo damn gooood! Can't wait to put this in the washer! Fol
Yara_dolphin78155 🥰

Yara_dolphin78155 🥰

2 likes

I’m amazed y’all! #fyp #momlife #milliemoon #viral
SAMANTHA SMITH 🙃

SAMANTHA SMITH 🙃

9 likes

I did 100 designs in 100 days | day 002
Day 2 of 100 was fun, I LOVE making it cute and easy for the user so this was easy and again, fun. As you know, I love challenging a little bit more myself so I said; obviously if you have a desktop format you’re going to need the tablet and phone, this challenge can be fictional but I’m trying
Nina Meek 🌺

Nina Meek 🌺

3 likes

LIVE IN 5
JUST.LOVE.LIFE.COACHING

JUST.LOVE.LIFE.COACHING

11 likes

Edtech Designer Diary Edition 🌸
It’s been one month at Tallo as a multimedia designer for an edtech company and it’s been so cool to extend my reach from helping early career designers to students / early talent! Here’s a sneak peek into my life lately 🎨 #uxdesign #design #career #education #uxuidesign
Howdy I’m Kai

Howdy I’m Kai

2 likes

✨Dollar Tree 🌳
New Items I’ve seen lately
Big Mama🥀

Big Mama🥀

2 likes

Lash strips ✨
I will always love the beauty supply store 🤣 . . . . #lemon8beautycrew #lemon8challenge #briasbeautylife #beautyfinds #beautycreator #makeuproutine #beautyroutine #eyelashes #beautyfavorites #blackgirlcreator
BriasBeautyLife

BriasBeautyLife

65 likes

Diasmary Realtor

Diasmary Realtor

2 likes

Have you ever seen such an amazing sign? #infinitymirrors #signage #ledneon #ledlight #signature
stellaroptics_sign

stellaroptics_sign

2 likes

Journal Ideas
#journaling #journalideas #scrapbooking #junkjournaling #fyp
Margooooo

Margooooo

38 likes

Replying to @Itz.donezo Did I pull this off 😬? #2partsewin #part1 #Part2 #hairdisaster #qw Prices and availability are located in the booking link in my Bio. . . . . . . .
GlamourByRae

GlamourByRae

148 likes

They Distract Us on Purpose 
They keep us beefin’ over dumb shit so we never link up and take power back. Let’s flip the script. Drop your thoughts.
 #divide #and #conquer #red #blue
Vanessa Finessa

Vanessa Finessa

59 likes

LadyP

LadyP

32 likes

The most perfect time of year to treat yourself 💗 Black Friday is here! 25% off everything with code: BLACKFRIDAY ✨ https://phantomjewels.co.uk/
Bailey Barnes

Bailey Barnes

1 like

An Animal Crossing New Horizons purple hoodie with pink and blue sleeves, featuring moon and star patterns, available with design code MO-4DS4-KCTV-53L1.
An Animal Crossing New Horizons green and white checkered balloon-hem dress, inspired by Isabelle, available with design code MO-MR6F-CV07-436N.
An Animal Crossing New Horizons green brimmed hat featuring various Pokemon Gen 3 characters, with design code MO-BR08-D4DK-OPNX, shown with a save prompt.
Clothing codes for Animal Crossing NH
Cute clothes for animal crossing new horizons #animal crossing #animal crossing new horizons #acnhcodes
Des💜

Des💜

93 likes

Dti inspo (duos and singles) 🌟🌴🤍🩷
Hope you enjoy! <3
sloanieeee <3

sloanieeee <3

6 likes

#lemon8diarychallenge
mari.crypto

mari.crypto

2 likes

Dark coco

Dark coco

3 likes

Not sure what you want to be or do?
"The most terrible tragedy is not dying, but living without purpose." This 42-day book offers daily meditations and practical steps to help you find your purpose. Here’s an excerpt from Day 3 that really resonated with me today. Day 3: What guides your life? Many people are driven by
Cindy Acendra

Cindy Acendra

15 likes

kamila

kamila

2 likes

the highlight of my day #relatable #fyp #ootd #eurosummer #outfitsinspo
anaaperez._

anaaperez._

33 likes

Side Hustles for SAHM
“2025 Motto: ‘I’m not waiting for opportunities. I’m creating them.’ 💼 What’s one thing you’re creating this year? #WomenBossUp ”
ValenciagaBih

ValenciagaBih

60 likes

5 Things to Avoid in User Interviews
User interviews are one of the most powerful tools in UX research—if done right. ⁡ When I first started, I made a lot of mistakes (and tbh, some still sneak in 😅). If you’re new to research or prepping for your next interview, this one’s for you 👆🏻 ⁡ 💬 What other mistakes did you realize in us
Melody  Chan

Melody Chan

19 likes

See more