การเลือก Object จำนวนมากเพื่อเปลี่ยน Property ใน Figma สามารถทำได้หลายวิธี ขึ้นอยู่กับว่า Object เหล่านั้นวางตัวอยู่อย่างไรครับ นี่คือเทคนิคที่ช่วยให้คุณทำงานได้เร็วขึ้น
การกด Shift
การกด Shift เพื่อเลือก Object ใน Figma มี 2 รูปแบบหลักครับ ซึ่งให้ผลลัพธ์ต่างกันตามพื้นที่ที่คุณใช้งาน (Canvas vs Layers Panel)
- การเลือกบน Canvas (พื้นที่ทำงานหลัก)
การเลือกตัวแรกแล้วกดShiftค้างไว้เพื่อคลิกตัวอื่น ๆ จะเป็นการ “เลือกเพิ่มเข้ากลุ่ม” (Add to selection)- วิธีใช้: คลิก Object ตัวแรก > กด
Shiftค้าง > คลิก Object ตัวที่ 2, 3, 4… - ประโยชน์: ใช้เลือก Object ที่อยู่กระจายกัน ไม่ได้วางเรียงกันเป็นระเบียบ
- การยกเลิก: หากกด
Shiftแล้วคลิกซ้ำที่ตัวเดิม จะเป็นการ “ยกเลิกการเลือก” (Deselect) เฉพาะตัวนั้นครับ
- วิธีใช้: คลิก Object ตัวแรก > กด
- การเลือกบน Layers Panel (แถบด้านซ้ายมือ)
การใช้Shiftในแถบ Layer จะทำงานเหมือนการเลือกไฟล์ในโฟลเดอร์คอมพิวเตอร์ คือการ “เลือกแบบเหมาช่วง”- วิธีใช้ คลิกชื่อ Layer ตัวแรกที่ต้องการ > กด
Shiftค้างไว้ > คลิกชื่อ Layer ตัวสุดท้ายที่ต้องการ - ผลลัพธ์: Figma จะเลือก Layer ทุกตัวที่อยู่ “ระหว่างกลาง” ของตัวแรกและตัวสุดท้ายให้ทันที
- เหมาะสำหรับ: กรณีที่คุณตั้งชื่อ Layer ไว้อย่างเป็นระเบียบ หรือต้องการล้าง Layer จำนวนมากที่เรียงต่อกัน
- วิธีใช้ คลิกชื่อ Layer ตัวแรกที่ต้องการ > กด
ตารางเปรียบเทียบการใช้ Shift และ Cmd/Ctrl
| การกระทำ | บน Canvas (พื้นที่ออกแบบ) | บน Layers Panel (แถบซ้าย) |
| Shift + Click | เลือกเพิ่มทีละตัว (สะสมไปเรื่อยๆ) | เลือกแบบยกแผง (ตั้งแต่ตัวแรกถึงตัวสุดท้าย) |
| Cmd/Ctrl + Click | เจาะจงเลือกตัวที่อยู่ลึกที่สุด (Deep Select) | เลือกเพิ่มทีละตัว (เหมือน Shift บน Canvas) |
ทริคเด็ด: การใช้ Shift + ลากเมาส์ (Marquee Selection)
หากคุณต้องการเลือก Object จำนวนมากในพื้นที่หนึ่ง แต่ไม่อยากไปโดน Object อื่นที่อยู่ข้างหลัง (เช่น ไม่อยากให้ติดพื้นหลังหรือ Frame ใหญ่):
- กด
Shiftค้างไว้ - ลากเมาส์คลุมพื้นที่ที่ต้องการ
- ผลที่ได้: Figma จะเลือกเฉพาะ Object ที่ยังไม่ถูกเลือก และ “ไม่ขยับ” ของที่เลือกอยู่ก่อนแล้ว ทำให้การเลือกแม่นยำขึ้นมากครับ
การเลือกแบบเจาะจงด้วย “Select All with…”
วิธีนี้แม่นยำที่สุดเมื่อต้องการเปลี่ยนคุณสมบัติที่เหมือนกันในทีเดียว (เช่น เปลี่ยนสี Fill หรือเปลี่ยน Font)
- คลิกเลือก Object ต้นแบบ 1 ชิ้น
- ไปที่เมนู Main Menu (ไอคอน Figma มุมซ้ายบน) > Edit > Select All with…
- เลือกเงื่อนไขที่ต้องการ เช่น
- Same Fill: เลือกวัตถุทั้งหมดที่มีสีพื้นเดียวกัน
- Same Stroke: เลือกวัตถุทั้งหมดที่มีเส้นขอบเหมือนกัน
- Same Font: เลือก Text ทั้งหมดที่ใช้ฟอนต์เดียวกัน
- Same Instance: เลือก Component ตัวเดียวกันทั้งหมดในหน้านั้น
การใช้ Multi-edit
หากคุณมีปุ่มหรือ Object ที่หน้าตาเหมือนกันกระจายอยู่ตาม Frame ต่างๆ คุณสามารถแก้ไขพร้อมกันได้
- เลือก Object ใน Frame หนึ่ง
- กดปุ่ม Multi-edit บน Toolbar (ไอคอนรูปสี่เหลี่ยมซ้อนกัน) หรือกด
Shift+A(ในบางกรณี) - Figma จะเลือก Object ที่มีโครงสร้างและชื่อเหมือนกันใน Frame อื่นๆ ให้ทันที จากนั้นคุณสามารถเปลี่ยนสีกำหนดขนาด หรือพิมพ์ข้อความใหม่พร้อมกันได้เลย
การใช้ Selection Colors
วิธีนี้เหมาะสำหรับกรณีที่มี Object จำนวนมากและคุณไม่อยากเสียเวลาไล่คลิกเลือกทีละตัว
- ลากเมาส์คลุมพื้นที่ทั้งหมดที่มี Object (เช่น คลุมทั้ง Screen)
- มองไปที่แถบ Design ด้านขวา หาหัวข้อ Selection Colors
- คุณจะเห็นรายการสีทั้งหมดที่ใช้อยู่ในพื้นที่ที่เลือก คุณสามารถกดเปลี่ยนสีจากตรงนี้ได้เลย โดยที่ Figma จะจัดการเปลี่ยนให้ทุก Object ที่ใช้สีนั้นๆ โดยอัตโนมัติ
การเลือกผ่าน Layers Panel
- Command (Ctrl) + Click: เลือกทีละชิ้นแบบเจาะจง
- 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
- กด
Cmd+/(Mac) หรือCtrl+/(Windows) - พิมพ์คำว่า
- 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 ไม่เจอ
- ที่แถบ Layers (ด้านซ้าย) จะมีไอคอน แว่นขยาย (Search)
- คุณสามารถพิมพ์ชื่อ Layer (เช่น “Icon”, “Button”)
- เมื่อผลลัพธ์ขึ้นมา คุณสามารถกด
Shiftเลือกตัวแรกและตัวสุดท้ายในรายการค้นหาเพื่อเลือก Object เหล่านั้นพร้อมกันบน Canvas ได้เลย
การใช้ “Section” ในการจัดกลุ่มเลือก
หากคุณจัดงานไว้ใน Section (เครื่องมือข้างๆ Frame)
- เมื่อคุณคลิกที่ ชื่อ Section 1 ครั้ง แล้วกด
Enter - 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” จะช่วยให้คุณประหยัดเวลาคลิกไปได้มหาศาลเลยครับ
อ่านเพิ่มเติม