ใน Figma โดยปกติเมื่อวาง (Paste) วัตถุลงใน Frame ใหม่ มันจะแยกเป็นเลเยอร์อิสระเพื่อให้แก้ไขได้ง่าย แต่ถ้าใน file ที่ทำงานมีหลาย layer มันจะถูกเพิ่มเข้าไปที่ระดับบนสุด ไม่ได้อยู่ไกล้ ๆ กับกลุ่ม layers ที่กำลังทำงานอยู่ ถึงมันจะอยู่ในตำแหน่งที่ถูกต้อง พอดี แต่ถ้าเราไปย้าย หรือแก้กันเมื่อไหร่ ทำให้มันหลุดออกมาเป็นชิ้น ๆ วิธีแก้คือให้มันกลายเป็น “ก้อนเดียวกัน” ให้เลือกใช้วิธีตามความเหมาะสมดังนี้ครับ
ลากวาง
เป็นวิธีที่ถึกที่สุด
- เปิด layers
- คลิกเลือกวัตถุที่ทำงานอยู่ตอนนี้ จำตำแหน่งใน layers
- คลิกเลือกวัตถุใหม่ที่ต้องการรวม จำตำแหน่งใน layers ปกติทันจะอยู่บนสุด
- ลาก layer ใหม่ที่ต้องการรวมมาเข้าใน layer ที่ทำงานอยู่ตอนนี้ ถ้ามีเป็นพันเลเยอร์ มันเป็นอะไรที่ถึกมาก ๆ
การจัดกลุ่ม
วิธีนี้ง่ายที่สุดและยืดหยุ่นที่สุด เหมาะสำหรับจัดการเลเยอร์ให้เป็นระเบียบโดยที่ยังแก้ไขแต่ละชิ้นได้
- วิธีทำ: เลือกวัตถุทั้งหมดที่ต้องการ -> กด
Ctrl + G(Windows) หรือCommand + G(Mac) - ผลลัพธ์: วัตถุจะอยู่ใน Group เดียวกันใน Panel ด้านซ้าย แต่ยังแยกชิ้นข้างในได้
การใช้ Auto Layout (แนะนำสำหรับ UI Design)
หากต้องการให้วัตถุเรียงต่อกันอย่างเป็นระเบียบและเว้นระยะห่างเท่ากันอัตโนมัติ
- วิธีทำ: เลือกวัตถุทั้งหมด -> กด
Shift + A - ผลลัพธ์: วัตถุจะรวมอยู่ใน Frame เดียวกันที่มีคุณสมบัติ Auto Layout ช่วยให้จัดการ Padding และ Spacing ได้ง่ายมากครับ
การรวมด้วย Boolean Operations
หากวัตถุเป็น Vector และคุณต้องการให้มันหลอมรวมรูปทรงเข้าด้วยกัน
- วิธีทำ: เลือกวัตถุ -> คลิกไอคอน Boolean Groups (รูปสี่เหลี่ยมซ้อนกัน) ที่แถบเครื่องมือด้านบน -> เลือก Union Selection
- ผลลัพธ์: วัตถุจะรวมร่างกันเป็น Path เดียวกัน แต่ยังสามารถดับเบิลคลิกเข้าไปขยับจุดเดิมได้
การ Flatten
วิธีนี้จะทำให้วัตถุกลายเป็น Vector Layer เดียวกันแบบถาวร
- วิธีทำ: เลือกวัตถุทั้งหมด -> กด
Ctrl + E(Windows) หรือCommand + E(Mac) - ผลลัพธ์: ทุกอย่างจะถูกยุบรวมเป็นเลเยอร์เดียวชื่อ “Vector”
การแทนที่
ถ้าคุณอยากให้ตอนวาง วัตถุลงไปแล้วมันไปแทนที่ที่เดิมเป๊ะ ๆ ใน Frame ใหม่ ให้ใช้ Ctrl + Shift + R มันจะช่วยประหยัดเวลาจัดตำแหน่งได้เยอะเลยครับ
อ่านเพิ่มเติม