Uncle Ake
Workshop สอนสดออนไลน์
,
Workshop Become a UI Designer with UX Understanding
uncleake.com/workshop-uxui.html
.
Workshop Design System in Figma
uncleake.com/workshop_design_system.html
.
คอร์สเรียนออนไลน์
.
Figma Begin
uncleake.com/figma_begin.html
.
Figma Advanced
uncleake.com/figma_advanced.html
.
Mastering Figma Auto Layout
uncleake.com/mastering_figma_autolayout.html
.
สอบถามข้อมูลเพิ่มเติม
Line: @figma
lin.ee/VXhfxNV
Inbox: m.me/uncleake21
Uncle Ake
อัปสกิลสายดีไซน์ — อัปเงินเดือนได้จริง! 💰
เรียนรู้ “Design System and Design Token in Figma”
คอร์สเดียวจบ ครบทุกเรื่องที่ UX/UI ต้องรู้ 🎨
.
เปลี่ยนจากการดีไซน์แบบกระจัดกระจาย
สู่ระบบดีไซน์ที่เป็นมาตรฐานระดับทีมและองค์กร 💻
.
✔️ เข้าใจหลักการ Design System ตั้งแต่พื้นฐาน
✔️ เจาะลึก Design Token และ Token Studio
✔️ แปลง Variable เป็น JSON พร้อมเชื่อมต่อกับ Dev
✔️ ฝึกสร้างระบบดีไซน์ที่ใช้งานได้จริง
.
ราคา: 3,490 บาท (ชำระผ่านบัตรเครดิตได้)
🔥 พิเศษ! สำหรับ 100 คนแรก เหลือเพียง 2,490 บาท เท่านั้น
.
👉 สมัครเลยวันนี้ อัปเลเวลดีไซน์ของคุณให้เหนือกว่า!
🔗 สมัครเรียนที่นี่: forms.gle/ASEK7gU5cq7w8GCD7
.
หลังชำระค่าเรียน ระบบจะส่งลิงก์คอร์สให้ทางอีเมล
เรียนได้ไม่จำกัดเวลา และอัปเดตเนื้อหาใหม่ตลอด 📚
.
📘 รายละเอียดคอร์ส:
uncleake.trainercentralsite.com/course/design-syst…
.
📩 สอบถามเพิ่มเติม
Line OA: @figma
Inbox: m.me/uncleake21
.
#DesignSystem #DesignToken #Figma #UXUIDesign #UpskillDesigner #เรียนออนไลน์ #สายดีไซน์ต้องรู้
2 months ago | [YT] | 2
View 0 replies
Uncle Ake
ลงทะเบียนเพื่อรับสิทธิ์ใช้งาน Figma Education (ใช้ได้ 1 ปี)
อีเมลที่ใช้ต้องใช้งาน Figma อยู่นะครับ จะใช้เวลาประมาณ 7 วันครับ
เปิดให้ลงทะเบียนถึงวันที่ 30 กันยายนนี้ครับ (สงวนสิทธิ์ให้นักเรียนที่เรียนกับผมก่อนนะครับ)
forms.gle/sG1yXDkKsueT3RvL6
3 months ago | [YT] | 4
View 0 replies
Uncle Ake
คืนนี้คลิปแรกนะครับ สำหรับ day 1 กับการฝึกฝนออกแบบ UI ใน 60 วัน ไม่ใช่แค่มาสอนออกแบบ แต่จะแนะนำทริค ความรู้ การใช้สี ฟอนต์ ช่องว่าง ต่าง ๆ ให้ด้วยครับ อ้อ เรียนจบได้รับใบรับรองด้วยนะครับ สำหรับสมาชิกระดับ Pro Designer ใน youtube นะครับ
.
youtube.com/channel/UCkpYm3b_aAwryNl3AzUPBOg/join
.
#60DaysUIDesignChallenge #60UIDays #UncleAke
5 months ago (edited) | [YT] | 19
View 2 replies
Uncle Ake
เรียบร้อยครับสำหรับ Checklist หัวข้อ UI ทั้งหมด เตรียมตัวลุยครับ นอกจากจะเป็นเนื้อหาของสมาชิกใน youtube ระดับ Pro Designer แล้ว ผมก็จะทำเป็นคอร์สเรียนออนไลน์ด้วยนะครับ ไม่ใข่แค่การออกแบบ แต่จะเป็นแนวคิดก่อนที่จะเริ่มต้นออกแบบด้วยครับ แล้วพบกันครับ #60daysUIChallenge
.
“เริ่มก่อน ค่อยปรับทีหลัง” คือคาถาแห่งความก้าวหน้า 🙌
ความสม่ำเสมอเหมือนการวางอิฐทีละก้อน ทุกวันคือการต่อเติมความเก่งของเรา ไม่ต้องเพอร์เฟกต์ แค่ "ลงมือทำ" ก็เกินครึ่งทางแล้ว!
5 months ago | [YT] | 9
View 0 replies
Uncle Ake
ถ้าอยากออกแบบให้ดูโปร อย่าเสียเวลาเรียนผิดวิธี หลายคนเริ่มใช้ Figma ด้วยการดูคลิปสั้น ๆ ทีละอันแต่ยิ่งเรียนก็ยิ่งสับสน...
.
วาง Layout ยังไงก็ไม่บาลานซ์
Component ซ้อนกันไปมา
Responsive ก็ไม่รู้หลักการ
อย่าเสียเวลาลองผิดลองถูกคนเดียว
.
📌 เรียนกับผู้รู้จริง → เข้าใจเร็วกว่า
📌 ได้ทั้งวิธีคิด และวิธีทำที่ใช้งานได้จริง
📌 ใช้เครื่องมือ Figma ได้อย่างมืออาชีพ ไม่ใช่แค่คลิกตาม
คอร์สนี้ออกแบบมาเพื่อให้คุณ
"เข้าใจทั้งภาพรวม และทำได้จริงตั้งแต่วันแรก" ✅
.
🎓 คอร์สนี้สอนอะไรบ้าง?
.
📌 Website & Mobile App Design in Figma
สอนตั้งแต่พื้นฐานการใช้ Figma (UI 3 เวอร์ชันล่าสุด)
ไปจนถึงการออกแบบ UI แบบ Responsive
สร้าง Design System และ Prototype แบบ Interactive
ครบทุกสกิลที่ “คนทำงานจริง” ต้องมี
.
✨ เนื้อหาที่คุณจะได้เรียน (100+ บทเรียน)
✅ การใช้เครื่องมือ Figma อย่างถูกวิธี
✅ Auto Layout / Components / Variants
✅ Variables (ฟีเจอร์ใหม่ ใช้สร้าง Design Token ได้)
✅ สร้างระบบ Grid & Layout อย่างมือโปร
✅ Responsive Web Design ด้วย Variable (อัปเดท Jul 2025)
✅ Design System ที่ปรับใช้ได้จริง
✅ Interactive Prototype พร้อม Animation
✅ โปรเจกต์จริง: UI แอปสั่งอาหาร
.
🧑💻 คอร์สนี้เหมาะกับใคร?
.
🔰 มือใหม่ที่อยากเริ่มสาย UI/UX แบบถูกทาง
👨💻 Developer ที่อยากเข้าใจการออกแบบ
👩🎨 Designer ที่อยากอัปสกิลให้พร้อมทำงานจริง
👨🏫 ครู / Creator / Freelance ที่ต้องการออกแบบแอป-เว็บของตัวเอง
.
💰 ราคาเท่าไหร่?
.
จ่ายครั้งเดียว เพียง 2,490 บาท
.
🎁 เรียนได้ตลอดชีพ
🎥 อัปเดตเนื้อหาตลอด ไม่มีหมดอายุ
📁 พร้อมโหลดไฟล์ Workshop ประกอบการสอน
.
🔗 พร้อมหรือยังที่จะ “เปลี่ยนตัวเอง”
จากคนที่เปิด Figma แล้วไม่รู้จะทำอะไร →
→ เป็นคนที่ออกแบบเว็บและแอปได้แบบโปร พร้อมระบบ Design ของตัวเอง
👇 สมัครเรียนได้ที่นี่เลย:
forms.gle/Q2ym1sGxKSgNsaxG8
.
👉 เนื้อหาคอร์สเรียน:
uncleake.trainercentralsite.com/course/figma-begin…
.
สอบถามข้อมูลเพิ่มเติม
Line: @figma
lin.ee/VXhfxNV
Inbox:
m.me/uncleake21
#uxui #figma #UX #UI #UXUIDesign #ออกแบบเว็บ #Responsive #webdesign
6 months ago | [YT] | 23
View 0 replies
Uncle Ake
สำหรับสมาชิกระดับ Pro Designer จะสามารถเข้าดูเนื้อหาการใช้งาน Figma UI3 ที่เป็น Interface ใหม่ และ Mastering Figma Auto Layout พร้อมดาวน์โหลดไฟล์ Workshop เพื่อฝึกตามได้ครับ และนอกจากนี้จะมีเนื้อหาเกี่ยวกับการฝึก UI ให้ได้ฝึกฝนกันด้วยนะครับ ขอบคุณครับ
https://www.youtube.com/watch?v=kiYzP...
8 months ago | [YT] | 0
View 0 replies
Uncle Ake
คำถามสำหรับผมหลังจากเล่น Site คร่าว ๆ คือ ถ้าเราจะสร้างเว็บไซต์ เราจะใช้ Figma ออกแบบ หรือใช้ Site เพราะ Site ก็มีเครื่องมือออกแบบเหมือนกัน แถมยังทำพวก Style และ Variable ได้ ซึ่งเวลาเรา copy จาก figma มาแปะ มันเอาชื่อ Style มาแต่ไม่ได้เอา Style มาด้วย หรือว่าเราต้องตั้งชื่อให้เหมือนกัน อันนี้ต้องลองเทสต์ก่อนว่าได้ไหม แต่ก็ยุ่งยาก สู้ทำใน Site ไปเลยดีกว่า
.
ถ้าเป็นแบบนี้ทำไม Figma ไม่ทำ mode ใหม่ขึ้นมาแทนการแยกโปรดักส์ Design Mode, Dev Mode, Site builder Mode ลองเล่นกันแล้วเป็นไงบ้างครับ ชอบหรือไม่ชอบยังไง ลูกเล่นยังมีอีกเยอะนะครับ สนุกดี
.
เวลาเล่นเราก็ตั้งคำถามนะครับว่า ทำไมโปรดักส์ดีไซน์ถึงออกแบบมาอย่างนี้ แทนที่จะรวมกันไปเลย อาจจะเพราะทำเพื่อให้มันคิดเงินง่าย สร้างรายได้เข้าบริษัทโดยใช้โครงสร้างพื้นฐานเดิม แบบตัว Slide ฝึกคิดเยอะ ๆ นะครับ เราจะได้เก่ง ๆ :)
8 months ago | [YT] | 4
View 0 replies
Uncle Ake
🚀 Figma Config 2025 มีของให้มาเล่นเพียบ เป็นปีที่เอาใจดีไซน์เนอร์สุด ๆ เริ่มต้นกันด้วย Auto Layout ตัวใหม่ที่ชื่อว่า Grid
.
📌 Grid เป็นการทำ Auto Layout แบบให้เราเลือกได้ว่าจะมีช่องแนวนอนกี่ช่อง แนวตั้งกี่ช่อง ความอะเมซิ่งของมันก็คือ เมื่อเรานำ object เช่น รูปภาพ เข้ามาวางมันจะจัดการวางให้เองโดยอัตโนมัติ ซึ่งตัว Grid นี้เองจะทำให้การดีไซน์ง่ายขึ้น สนุกขึ้น ไว้ผมจะเดโมลงช่องยูทูปให้ดูนะครับ
.
📌 และแล้วสิ่งที่เดากันว่ามันจะมา มันก็มากับ Figma Site เป็นการทำเว็บไซต์ ไม่สิครับ เรียกว่า เว็บเพจจะเหมาะกว่า เพราะมันทำให้เพียงหน้าเดียวเท่านั้น (ในตอนนี้) แต่จะมีอีกตัวนึงที่ชื่อว่า CMS ที่เหมือนว่าจะทำไ้ด้หลายหน้า ถ้าว่า Figma Site จะให้สำหรับการทำ Landing Page, Sale Page ซึ่งทาง Figma จะมีพื้นที่ให้ และสามารถ custom domain เองได้ โดยแพลน Pro จะใช้ได้ 10 domain และ Education จะไม่สามารถเล่น Figma site ได้ ซึ่งน่าเสียดายพอสมควร
.
ตัว Figma Site นี้มีลูกเล่นเยอะมาก เช่นการทำ interaction กับปุ่ม และก็ยังทำ Responsive ได้อีกด้วย แต่ผมเข้าใจว่าตอนที่เรานำ UI จาก Figma เข้ามา ก็คงต้องทำ Wrap ให้เรียบร้อยด้วย วิธีการนำเข้ามาก็ copy แล้วก็ paste นอกจากนี้ก็ยังมี block ให้เลือกใช้
.
📌 เอาใจคนทำแบนเนอร์สื่อสารองค์กและประชาสัมพันธ์ด้วย Figma Buzz มี Template ให้เลือกใช้ มีเครื่องมืออำนวยความสะดวกเยอะ ช่วยทุ่นแรงได้มากเลยทีเดียวกับเครื่องมือนี้
.
📌 AI ตัวใหม่ Figma Make ช่วยสร้าง Demo ให้สมจริงเพียงแค่ Prompt เข้าไป แล้วยัง Publish ออกมาเป็น web app โดยที่ไม่ต้อง code แต่อย่างใด
.
📌 ปิดท้ายด้วย Figma Draw ต้วนี้ผมชอบมาก ช่วยให้การแก้ไขงาน vector ง่ายขึ้น และยังมีลูกเล่นในการสร้างภาพ vector อีกหลายตัว ทุ่นแรงไปได้เยอะมาก ๆ
.
🎯 ทั้งหมดนี้ก็คืองานเปิดตัว Figma Config 2025 นี้ ส่วนตัวผมก็ไม่ได้ว้าวมาก สู้ปีก่อนหน้าที่เปิด Variable ไม่ได้ ปีนี้เหมือนทำของมาขายเก็บ content seat หลายตัวช่วยอำนวยความสะดวกในการทำงาน แต่ก็ยังคงต้องใช้ความรู้พื้นฐานในการทำ auto layout, การทำ wrap แล้วทุกคนชอบอะไรกันบ้างครับ ส่วนผมชอบสุดก็เป็น Grid เพราะมันทำให้การออกแบบง่ายขึ้น สนุกขึ้นนั่นเอง
.
🛠️ผมจะมีการอัปเดทคอร์สเรียนออนไลน์ให้นะครับ พร้อมกับเนื้อหาการใช้งานเครื่องมือใหม่ ๆ
.
สนใจเรียนออกแบบ UX/UI, Figma
.
สอบถามข้อมูลเพิ่มเติม
Line: @figma
lin.ee/VXhfxNV
Inbox:
m.me/uncleake21
.
8 months ago | [YT] | 16
View 2 replies
Uncle Ake
🌓 Light Mode และ Dark Mode ในงานออกแบบ UI — เลือกใช้สียังไงให้ใช้งานได้จริง
.
ปกติแล้วงานออกแบบ UI ส่วนใหญ่ที่เราเห็นในโปรเจกต์ทั่วไปมักเริ่มจาก Light Mode หรือธีมสีพื้นสว่าง เพราะเป็นรูปแบบที่คนทั่วไปคุ้นเคย ใช้งานง่าย และเหมาะกับการใช้งานในเวลากลางวัน
.
แต่ในช่วงไม่กี่ปีที่ผ่านมา Dark Mode ก็กลายเป็นฟีเจอร์มาตรฐานที่ผู้ใช้งานคาดหวัง โดยเฉพาะในแอปพลิเคชันที่ใช้ต่อเนื่องนาน ๆ หรือใช้งานในที่แสงน้อย เช่น ปิดไฟเล่นมือถือก่อนนอน
.
💡 แล้วถ้าต้องออกแบบทั้ง 2 โหมด ควรทำยังไง?
.
หลายคนอาจคิดว่าเราควรออกแบบ Light Mode ให้เสร็จก่อน แล้วค่อย “ออกแบบใหม่ทั้งหมด” สำหรับ Dark Mode — แต่จริง ๆ แล้ว นี่คือกับดักที่ทำให้โปรเจกต์ล่าช้าและดูแลรักษายากมากในระยะยาว
.
แนวทางที่แนะนำคือ:
.
✅ ควร “ออกแบบระบบสี (Color System)” ให้สามารถทำงานได้กับทั้ง Light และ Dark Mode ตั้งแต่ต้น โดยใช้หลักการ Mapping สีจากแหล่งเดียวกัน จะไม่มีการสร้างสีเฉพาะ Light หรือ Dark นั่นเอง
.
🔧 ทำไมต้องใช้แนวทางนี้?
.
🔸 ลดภาระในการดูแล Design System
ถ้าแยกชุดสีใหม่ทั้งหมด เวลามีการอัปเดตจะต้องดูแลทั้ง 2 ชุดแยกกัน ทำให้เกิดโอกาสผิดพลาดสูงมาก
.
🔸 เพิ่มความต่อเนื่องของแบรนด์ (Brand Consistency)
ใช้โทนสีเดียวกันทำให้ผู้ใช้งานรับรู้ถึงอัตลักษณ์ของแบรนด์ ไม่ว่าใช้โหมดไหน
.
🔸 พัฒนาและทดสอบได้ง่ายขึ้น
Dev สามารถใช้ Token เดียวกัน แล้วเปลี่ยนค่าจาก Theme ได้เลย ไม่ต้องเขียน CSS หรือ Style แยกมากมาย
.
อย่ามองว่า Light Mode และ Dark Mode คือการออกแบบคนละชุด
ให้มองว่าเรากำลังออกแบบ “ระบบเดียว” ที่แสดงผลได้ 2 แบบ
ด้วยชุดสีที่ควบคุมได้จากแกนกลางเดียวกัน
.
✨ Workshop: Design System in Figma
เรียนสดผ่าน Zoom จากผู้มีประสบการณ์จริงในวงการ UX/UI
มาพร้อมไฟล์ประกอบการเรียน, สไลด์, และวิดีโอย้อนหลัง (ดูได้ 1 ปีเต็ม)
.
📆 เรียน 2 วันเต็ม:
วันเสาร์ที่ 17 พฤษภาคม - วันอาทิตย์ที่ 18 พฤษภาคม 2568
สอนสดออนไลน์ผ่าน Zoom
.
🕘 เวลา 9:00 - 16:30 น.
ราคาเพียง 5,900 บาท
.
📌 สมัครเลย:
forms.gle/sY3KTzYS2ZMnJGwa8
.
🚀 สิ่งที่คุณจะได้เรียนรู้แบบเข้มข้น 2 วันเต็ม
.
✅ วันที่ 1: วางรากฐาน Design System อย่างมีหลักการ
.
🔹 เข้าใจแนวคิด Design System
🔹 แนวคิด Atomic Design และวิธีนำมาปรับใช้
🔹 การสร้าง Style Guide เช่น สี ตัวอักษร และระยะห่าง (Spacing)
🔹 Auto Layout
🔹 Components และ Variants
🔹 พื้นฐานการออกแบบเพื่อรองรับ Accessibility
.
✅ วันที่ 2: เจาะลึกการใช้งานจริงในทีมและโปรเจกต์
.
🔹 ใช้งาน Design Tokens
🔹 เทคนิคการสร้าง Nested Components
🔹 Responsive
🔹 สลับ Light/Dark Mode
🔹 Prototype
🔹 แชร์และใช้งานผ่าน Team Library
🔹 ส่งมอบงานให้ Dev อย่างชัดเจนด้วย Design Handoff
.
👨🎓 เหมาะกับใคร?
.
🔹 UX/UI Designer ที่ต้องการยกระดับการทำงานให้เป็นระบบ พร้อมขยายงานสู่ระดับทีม
🔹 นักออกแบบที่อยากเข้าใจและจัดการกับ Style, Components, และ Handoff อย่างเป็นระบบ
🔹 Developer, Product Owner, หรือ Project Manager ที่ทำงานร่วมกับ Designer และอยากเข้าใจ Design System อย่างถูกต้อง
🔹 ผู้ที่ใช้ Figma อยู่แล้ว และอยากเรียนรู้เทคนิคระดับ Advance ที่นำไปใช้ได้ทันที
.
🎁 สิ่งที่คุณจะได้รับจากเวิร์กช็อปนี้
✅ ไฟล์ตัวอย่าง + สไลด์การสอน
✅ แบบฝึกปฏิบัติจริง พร้อมคำแนะนำระหว่างเรียน
✅ วิดีโอบันทึกการสอนย้อนหลัง (ดูได้ 1 ปีเต็ม)
✅ ใบรับรองการผ่านการอบรม
.
📌 สมัครเลย:
forms.gle/sY3KTzYS2ZMnJGwa8
.
สอบถามข้อมูลเพิ่มเติม
Line: @figma
lin.ee/VXhfxNV
Inbox:
m.me/uncleake21
8 months ago | [YT] | 26
View 0 replies
Load more