👀Intro to Figma 101 class

คลิปความยาว 55:36 นาที

สรุปเนื้อหาการเรียน

• Figma tools & interface แต่ละส่วนของ Figma ประกอบไปด้วยอะไรบ้าง

• เครื่องมือที่ใช้ในการออกแบบ move / frame / shape / text

• Workshop challenge : craft button

Link YouTube 🔗 https://youtu.be/KRB1MhtJWvc?si=neGkqtm3s_5GxSy3

Intro to Figma 101 class เนื้อหาโดยสรุป

กดดูตามหัวข้อได้น้า ไม่ต้องดูหมด เอาเฉพาะเนื้อหาที่สนใจ

00:00 introduction พูดคุยก่อนเริ่มเรียน

Beginner Level ระดับเริ่มต้น

02:30 Figma Interface อธิบายส่วนต่าง ๆ ของ Figma

03:17 Panel Page & Layer อธิบายหน้าต่างซ้ายมือ

06:27 Panel Properties อธิบายหน้าต่างด้านขวามือ

08:26 Tools อธิบายเครื่องมือออกแบบคร่าวๆ

09:16 แนะนำเครื่องมือ Call in Figma

10:00 อธิบายการใช้งาน Move/Hand/Scale Tools

15:33 Frame tools เครื่องมือที่อยากให้ใช้งานอย่างเข้าใจ *แนะนำ*

16:34 เปรียบเทียบการใช้งาน Frame VS Group

19:25 ยกตัวอย่างความแตกต่างระหว่าง Frame VS Group

21:02 แต่ Shape ก็มีหน้าที่ของมันอยู่นะ By P'Grape

22:00 Shape tools ก็มีจุดประสงค์การใช้งาน

23:09 Section tools ความเหมือนที่แตกต่างจาก Frame

24:13 Slice tools เครื่องมือช่วยแบ่งรูป

25:38 แนะนำเครื่องมือ Shape tools แบบคร่าวๆ

27:20 Pen tools การใช้งาน

27:48 Text tools เบื้องต้น

29:09 Comment Feature สำหรับการ communication ในไฟล์

30:35 Plugin tools Novice Level ระดับมือใหม่

31:48 คำแนะนำในการขึ้น wireframe ให้

36:29 Workshop Challenge

36:43 เช็คชื่อก่อนทำ Workshop

39:29 แจกโจทย์ทำปุ่ม

40:16 เริ่มทำ Challenge

40:52 [เสริมมุมมอง Dev] ในความต่างของ Frame VS Group

42:39 Trick ใช้ไม้บรรทัดจาก P'Grape

43:55 รีวิวงานของน้องแต่ละกลุ่ม

53:59 ส่งท้าย Session