ผมเชื่อว่าเพื่อนๆ พี่ๆ น้องๆ ต้องต่อสู้กับไฟล์ Figma ที่รกรุงรังเหมือนสนามรบ? อยากจัดระเบียบแต่ก็เสียเวลา แถมถ้าจะเป็นระเบียบขั้นสุดกลัวความคิดสร้างสรรค์จะหายด้วย 😓

ผมไปเจอเทคนิคที่ทาง Developer เค้าใช้กัน ชื่อว่า "Clean Code" 🧹💻 ที่ช่วยให้ไฟล์ของเราเป๊ะปังตั้งแต่วันแรกยันวันสุดท้ายของโปรเจค โดยยังรักษาทั้ง Creativity และ Productivity ไปด้วย

ผมว่าเรื่องนี้ถ้าเป็นมือใหม่หัดใช้ Figma งานนี้ต้องได้ความรู้ไปเต็มๆ แต่ถ้าเป็นมือเก๋าที่ทำของเหล่านี้ด้วยสัญชาตญาน ผมก็เชื่อว่าเราจะได้ของไปสอนน้องๆ หรือเอามาแชร์กันก็ยิ่งดี โดยหัวข้อหลักๆ ผมเอามาเล่าจะเป็น 3 ข้อนี้ครับ

1. Flow ที่อ่านง่าย คือ Flow ที่เป็นเส้นตรง 📏 (Testability, Clarity) เราจะไม่สร้าง Flow ที่เป็น Hierarchy ถึงแม้จะทำให้ดูครบถ้วน แต่อ่านยากมาก และทดสอบยากด้วย

2. Component ใช้ง่ายคือ Component ที่รู้ว่าตัวเองใช้ทำอะไร 🧩 (Single Responsibility Principle) เราจะไม่สร้าง Component ที่ใช้เป็น Header ก็ได้ Footer ก็ได้

3. Layer ที่อ่านเข้าใจ คือ Layer ที่มีชื่อ และที่สำคัญคือจำเป็นต้องมี 📚 (Clarity) ถ้าเราเห็น layer ที่มีลูกแค่ layer เดียว ให้เดาไว้ก่อนเลยว่ามีโอกาสสูงมากที่จะจะลบมันได้

สำหรับครั้งนี้ผมคัดมา 3 ข้อครับ 😊 แต่ในงานจะไม่ได้มีแค่ 3 ข้อแน่ๆ ใครที่มีเทคนิคอะไรเอามาแชร์กันได้นะครับ

งานนี้มีทั้ง Offline และ Live ด้วยครับ

• Offline จัดที่ Skooldio ตึก MBK ชั้น 20 🏢
  (รับคนไม่เกิน 20 คน แต่ถึงมาเกิน Skooldio ก็คงไม่ใจร้ายไล่เราออกมาหรอก)

• Online จะมี Live ให้ดูด้วยครับ

Friend of Figma Bangkok ชวนคุณมาปลดล็อกศักยภาพของ Figma ไปด้วยกัน! 💪✨

#FigmaCleanCode #FriendOfFigma 🚀