Autoplay
Autocomplete
กลับไปตอนก่อนหน้า
ดูตอนถัดไป
Design system with Figma 101 รุ่น 3
อ่านก่อนเริ่มเรียน
ห้องพูดคุย Discord
วิธีส่งการบ้าน
โปรแกรมที่ใช้ในการเรียน
ไฟล์ Figjam สำหรับทำ Workshop
ดาวน์โหลด Slide
ปูพื้นฐาน Figma
แนะนำเครื่องมือการใช้งานของ Figma (8:51)
คำศัพท์ Figma ที่ต้องรู้เพื่อ Design system (10:08)
Library & Assets (13:34)
สร้าง Component ด้วย Auto-layout (Basic) (17:20)
ความแตกต่างระหว่าง Figma แบบฟรีและเสียเงิน (4:28)
วิธีสร้าง Breakpoints และกำหนด Grid styles (10:55)
สร้าง Button และจัดการ Color styles (17:37)
สร้าง Text field - อธิบาย State ของ UI (34:05)
ข้อผิดพลาดของการสร้าง component ด้วย auto-layout (3:53)
สร้าง Variants และกำหนด Properties ใน Button (17:24)
สร้าง Text property ใน Button (4:10)
สร้าง Boolean, Instance swap properties ใน Button (13:27)
10 ข้อผิดพลาดของมือใหม่จากการทำ Design system ด้วย Figma (15:57)
สร้าง Card - อธิบายการใช้ Clip content (9:26)
Video สอนสด
Day 1 วิดีโอสอนพื้นฐาน UI และ Workshop (233:47)
Day 2 สอน UI, Accessibility และ Design tokens (235:01)
Day 3 คลาส Q&A เก็บตก (124:41)
สร้าง Variants และกำหนด Properties ใน Button
Lesson content locked
If you're already enrolled,
you'll need to login
.
กรุณาลงทะเบียนเรียนเพื่อดูเนื้อหานี้