Figma: เลือกหลาย object เพื่อ เปลี่ยน property

การเลือก Object จำนวนมากเพื่อเปลี่ยน Property ใน Figma สามารถทำได้หลายวิธี ขึ้นอยู่กับว่า Object เหล่านั้นวางตัวอยู่อย่างไรครับ นี่คือเทคนิคที่ช่วยให้คุณทำงานได้เร็วขึ้น

---

การกด Shift

การกด Shift เพื่อเลือก Object ใน Figma มี 2 รูปแบบหลักครับ ซึ่งให้ผลลัพธ์ต่างกันตามพื้นที่ที่คุณใช้งาน (Canvas vs Layers Panel)

1. การเลือกบน Canvas (พื้นที่ทำงานหลัก)
   การเลือกตัวแรกแล้วกด Shift ค้างไว้เพื่อคลิกตัวอื่น ๆ จะเป็นการ “เลือกเพิ่มเข้ากลุ่ม” (Add to selection)
   • วิธีใช้: คลิก Object ตัวแรก > กด Shift ค้าง > คลิก Object ตัวที่ 2, 3, 4…
   • ประโยชน์: ใช้เลือก Object ที่อยู่กระจายกัน ไม่ได้วางเรียงกันเป็นระเบียบ
   • การยกเลิก: หากกด Shift แล้วคลิกซ้ำที่ตัวเดิม จะเป็นการ “ยกเลิกการเลือก” (Deselect) เฉพาะตัวนั้นครับ
2. การเลือกบน Layers Panel (แถบด้านซ้ายมือ)
   การใช้ Shift ในแถบ Layer จะทำงานเหมือนการเลือกไฟล์ในโฟลเดอร์คอมพิวเตอร์ คือการ “เลือกแบบเหมาช่วง”
   • วิธีใช้ คลิกชื่อ Layer ตัวแรกที่ต้องการ > กด Shift ค้างไว้ > คลิกชื่อ Layer ตัวสุดท้ายที่ต้องการ
   • ผลลัพธ์: Figma จะเลือก Layer ทุกตัวที่อยู่ “ระหว่างกลาง” ของตัวแรกและตัวสุดท้ายให้ทันที
   • เหมาะสำหรับ: กรณีที่คุณตั้งชื่อ Layer ไว้อย่างเป็นระเบียบ หรือต้องการล้าง Layer จำนวนมากที่เรียงต่อกัน

ตารางเปรียบเทียบการใช้ Shift และ Cmd/Ctrl

การกระทำ	บน Canvas (พื้นที่ออกแบบ)	บน Layers Panel (แถบซ้าย)
Shift + Click	เลือกเพิ่มทีละตัว (สะสมไปเรื่อยๆ)	เลือกแบบยกแผง (ตั้งแต่ตัวแรกถึงตัวสุดท้าย)
Cmd/Ctrl + Click	เจาะจงเลือกตัวที่อยู่ลึกที่สุด (Deep Select)	เลือกเพิ่มทีละตัว (เหมือน Shift บน Canvas)

ทริคเด็ด: การใช้ Shift + ลากเมาส์ (Marquee Selection)

หากคุณต้องการเลือก Object จำนวนมากในพื้นที่หนึ่ง แต่ไม่อยากไปโดน Object อื่นที่อยู่ข้างหลัง (เช่น ไม่อยากให้ติดพื้นหลังหรือ Frame ใหญ่):

1. กด Shift ค้างไว้
2. ลากเมาส์คลุมพื้นที่ที่ต้องการ
3. ผลที่ได้: Figma จะเลือกเฉพาะ Object ที่ยังไม่ถูกเลือก และ “ไม่ขยับ” ของที่เลือกอยู่ก่อนแล้ว ทำให้การเลือกแม่นยำขึ้นมากครับ

---

การเลือกแบบเจาะจงด้วย “Select All with…”

วิธีนี้แม่นยำที่สุดเมื่อต้องการเปลี่ยนคุณสมบัติที่เหมือนกันในทีเดียว (เช่น เปลี่ยนสี Fill หรือเปลี่ยน Font)

1. คลิกเลือก Object ต้นแบบ 1 ชิ้น
2. ไปที่เมนู Main Menu (ไอคอน Figma มุมซ้ายบน) > Edit > Select All with…
3. เลือกเงื่อนไขที่ต้องการ เช่น
   • Same Fill: เลือกวัตถุทั้งหมดที่มีสีพื้นเดียวกัน
   • Same Stroke: เลือกวัตถุทั้งหมดที่มีเส้นขอบเหมือนกัน
   • Same Font: เลือก Text ทั้งหมดที่ใช้ฟอนต์เดียวกัน
   • Same Instance: เลือก Component ตัวเดียวกันทั้งหมดในหน้านั้น

---

การใช้ Multi-edit

หากคุณมีปุ่มหรือ Object ที่หน้าตาเหมือนกันกระจายอยู่ตาม Frame ต่างๆ คุณสามารถแก้ไขพร้อมกันได้

1. เลือก Object ใน Frame หนึ่ง
2. กดปุ่ม Multi-edit บน Toolbar (ไอคอนรูปสี่เหลี่ยมซ้อนกัน) หรือกด Shift + A (ในบางกรณี)
3. Figma จะเลือก Object ที่มีโครงสร้างและชื่อเหมือนกันใน Frame อื่นๆ ให้ทันที จากนั้นคุณสามารถเปลี่ยนสีกำหนดขนาด หรือพิมพ์ข้อความใหม่พร้อมกันได้เลย

---

การใช้ Selection Colors

วิธีนี้เหมาะสำหรับกรณีที่มี Object จำนวนมากและคุณไม่อยากเสียเวลาไล่คลิกเลือกทีละตัว

1. ลากเมาส์คลุมพื้นที่ทั้งหมดที่มี Object (เช่น คลุมทั้ง Screen)
2. มองไปที่แถบ Design ด้านขวา หาหัวข้อ Selection Colors
3. คุณจะเห็นรายการสีทั้งหมดที่ใช้อยู่ในพื้นที่ที่เลือก คุณสามารถกดเปลี่ยนสีจากตรงนี้ได้เลย โดยที่ Figma จะจัดการเปลี่ยนให้ทุก Object ที่ใช้สีนั้นๆ โดยอัตโนมัติ

---

การเลือกผ่าน Layers Panel

1. Command (Ctrl) + Click: เลือกทีละชิ้นแบบเจาะจง
2. Shift + Click: เลือก Object ตัวแรกและตัวสุดท้าย เพื่อเลือกทุกอย่างที่อยู่ระหว่างกลางในรายชื่อ Layer

---

การใช้ Deep Select และ Layer Selection

ในกรณีที่ Object ซ้อนอยู่ใน Group หรือ Frame หลายชั้น

• Deep Select: กด Command (Mac) หรือ Ctrl (Windows) ค้างไว้แล้วคลิกที่ Object นั้นๆ Figma จะเลือกตัวที่อยู่ลึกที่สุดให้ทันทีโดยไม่ต้องดับเบิลคลิกไล่ชั้น
• Select Layer Menu: หากมี Object ซ้อนทับกันหลายตัวจนคลิกไม่โดน ให้ คลิกขวา บนจุดนั้น แล้วเลือกเมนู Select Layer Figma จะแสดงรายชื่อ Layer ทั้งหมดที่วางซ้อนกันอยู่ตรงนั้นมาให้เลือกครับ

---

การใช้คีย์ลัด “Select Parent/Children”

ช่วยให้เคลื่อนที่ไปตามโครงสร้าง Layer ได้โดยไม่ต้องละมือจากคีย์บอร์ด:

• กด Enter: เพื่อเลือก Children (Object ทั้งหมดที่อยู่ข้างใน Group หรือ Frame ที่เลือกอยู่)
• กด Shift + Enter: เพื่อเลือก Parent (ตัว Frame หรือ Group ที่หุ้ม Object นั้นอยู่)
  • เทคนิคนี้เด็ดมากถ้าคุณต้องการเลือกปุ่ม 10 ปุ่มที่อยู่ใน Auto Layout แล้วอยากจะเลือก “ตัว Auto Layout” ของทุกปุ่มพร้อมกัน

---

การใช้ Plugin (ตัวช่วยที่ทรงพลังที่สุด)

• Similayer: ตัวนี้คือ “ที่สุด” ของการเลือกครับ คุณสามารถเลือก Object ตามเงื่อนไขที่ละเอียดมาก เช่น เลือกเฉพาะ “สี่เหลี่ยมที่มีความโค้งมน (Corner Radius) 10px” หรือ “Layer ที่มีคำว่า ‘Icon’ ในชื่อ”
• Select Similar: คล้ายกับคำสั่ง Select All with… แต่ทำงานได้รวดเร็วและมี UI ให้เลือกเงื่อนไขได้ง่ายกว่า

---

การเลือกเฉพาะ Layer ประเภทเดียวกัน (Keyboard Shortcuts)

• Select All: Cmd + A (เลือกทุกอย่างใน Frame ที่เลือกอยู่)
• Select None: Esc (ยกเลิกการเลือกทั้งหมด)
• Invert Selection: หากคุณเลือก Object ไว้บางส่วน แต่อยากสลับไปเลือกตัวที่ “ไม่ได้เลือก” แทน (ต้องใช้ Plugin เช่น Selection Buddy หรือใช้คำสั่งผ่านควิกเมนู Cmd + / แล้วพิมพ์ Invert)

---

การใช้ “Outlines View” เพื่อเลือก Object ที่มองไม่เห็น

บางครั้ง Object อาจจะโดนบัง หรือมีค่า Opacity เป็น 0% ทำให้คลิกเลือกยาก

• กด Cmd + Y (Mac) หรือ Ctrl + Shift + 3 (Windows) เพื่อเข้าสู่โหมด Outlines โหมดนี้จะแสดงเฉพาะเส้นโครงร่างของทุก Object ช่วยให้คุณลากคลุมเลือกเฉพาะเส้นที่ต้องการได้แม่นยำขึ้นมาก

---

การเลือก Object “ประเภทเดียวกัน” ทั้งหน้า (Quick Actions)

หากคุณไม่ได้อยากเลือกตามสี แต่ยากเลือกตาม ประเภท (เช่น เลือกเฉพาะรูปภาพทั้งหมด หรือ Frame ทั้งหมด) ให้ใช้คำสั่งผ่าน Quick Actions

1. กด Cmd + / (Mac) หรือ Ctrl + / (Windows)
2. พิมพ์คำว่า
   • Select all Tables
   • Select all Images
   • Select all Text

วิธีนี้จะช่วยกวาดเลือก Object ประเภทนั้นๆ ทั้งหมดในหน้า (Page) นั้นทันทีครับ

---

เทคนิค “Lasso Select” ด้วยการกดปุ่ม V

ปกติเวลาเราลากเมาส์คลุม (Marquee Select) มันจะเป็นรูปสี่เหลี่ยม แต่ถ้าคุณมี Object วางเรียงกันเป็นแนวเฉียงหรือซิกแซก

• ให้กดปุ่ม V ค้างไว้ตอนลาก (ในบางเวอร์ชันหรือการตั้งค่า) หรือใช้การลากเมาส์พร้อมกด Cmd เพื่อเลี่ยงการคลิกโดนเฟรมใหญ่ที่ซ้อนอยู่ด้านหลัง
• ทริค: ถ้าคุณต้องการเลือก Object ที่อยู่ “ข้างใน” Frame โดยไม่เลือกตัว Frame ให้ลากเมาส์จาก “นอกเฟรม” แล้วกด Cmd/Ctrl ค้างไว้ขณะลากครับ

---

การเลือกผ่าน Search ใน Layer Panel

ถ้าไฟล์ของคุณใหญ่มากจนหา Layer ไม่เจอ

1. ที่แถบ Layers (ด้านซ้าย) จะมีไอคอน แว่นขยาย (Search)
2. คุณสามารถพิมพ์ชื่อ Layer (เช่น “Icon”, “Button”)
3. เมื่อผลลัพธ์ขึ้นมา คุณสามารถกด Shift เลือกตัวแรกและตัวสุดท้ายในรายการค้นหาเพื่อเลือก Object เหล่านั้นพร้อมกันบน Canvas ได้เลย

---

การใช้ “Section” ในการจัดกลุ่มเลือก

หากคุณจัดงานไว้ใน Section (เครื่องมือข้างๆ Frame)

1. เมื่อคุณคลิกที่ ชื่อ Section 1 ครั้ง แล้วกด Enter
2. Figma จะเลือกทุกอย่างที่อยู่ภายใน Section นั้นให้ทันที เหมาะสำหรับการย้ายงานทั้งกลุ่มใหญ่ๆ หรือเปลี่ยน Property ของ Layer ที่อยู่ในกลุ่มนั้น

---

เทคนิคเพิ่มเติม: ถ้าคุณต้องเปลี่ยน Property แบบนี้บ่อยๆ ผมแนะนำให้ทำเป็น Local Styles (Color Styles, Text Styles) หรือใช้ Components ครับ เพราะในอนาคตแค่คุณแก้ที่จุดเดียว ทุกจุดที่ใช้งานจะเปลี่ยนตามทันทีโดยไม่ต้องมานั่งไล่เลือกใหม่

• Object ซ้อนอยู่ลึกหลายชั้น | Cmd/Ctrl + Click
• อยากเลือกทุกอย่างที่อยู่ใน Frame นี้ | เลือก Frame แล้วกด Enter
• อยากเลือกเฉพาะช่องกรอกข้อมูลที่มีสีเทาเหมือนกัน | Selection Colors (แถบขวามือ)
• งานซับซ้อนมาก มีเงื่อนไขเยอะ | Plugin “Similayer”
• เลือกทุกอย่างที่ชื่อเหมือนกัน ใช้ช่อง Search ใน Layer Panel + Shift Click
• เลือกเฉพาะ Text ทั้งไฟล์Quick Action (Cmd + /) > พิมพ์ “Select all text”
• เลือกสีเดียวกันแต่กระจายอยู่ทั่วSelection Colors ที่แถบขวามือ
• เลือก Layer ที่ซ้อนทับกันหลายชั้นคลิกขวา > Select Layer
• ถ้าคุณพบว่าต้องเลือก Object ชุดเดิมซ้ำๆ บ่อยๆ ผมแนะนำให้ลองใช้ Plugin “Group Layer Renamer” หรือ “Super Select” จะช่วยให้คุณประหยัดเวลาคลิกไปได้มหาศาลเลยครับ

---

อ่านเพิ่มเติม

• Figma: ย้อนคืน (Restore) กลับไปยังเวอร์ชัน
• Figma: ส่ง goto, links to Selection by URL ให้คนอื่น