Category Archive Figma

Byphunsanit

Figma: รวม layer หลัง copy

ใน Figma โดยปกติเมื่อวาง (Paste) วัตถุลงใน Frame ใหม่ มันจะแยกเป็นเลเยอร์อิสระเพื่อให้แก้ไขได้ง่าย แต่ถ้าใน file ที่ทำงานมีหลาย layer มันจะถูกเพิ่มเข้าไปที่ระดับบนสุด ไม่ได้อยู่ไกล้ ๆ กับกลุ่ม layers ที่กำลังทำงานอยู่ ถึงมันจะอยู่ในตำแหน่งที่ถูกต้อง พอดี แต่ถ้าเราไปย้าย หรือแก้กันเมื่อไหร่ ทำให้มันหลุดออกมาเป้นชิ้น ๆ วิธีแก้คือให้มันกลายเป็น “ก้อนเดียวกัน” ให้เลือกใช้วิธีตามความเหมาะสมดังนี้ครับ


ลากวาง ( ถึกมาก ๆ )

เป็นวิธีที่ถึกที่สุด

  1. เปิด layers
  2. คลิกเลือกวัตถุที่ทำงานอยู่ตอนนี้ จำตำแหน่งใน layers
  3. คลิกเลือกวัตถุใหม่ที่ต้องการรวม จำตำแหน่งใน layers ปกติทันจะอยู่บนสุด
  4. ลาก layer ใหม่ที่ต้องการรวมมาเข้าใน layer ที่ทำงานอยู่ตอนนี้ ถ้ามีเป็นพันเลเยอร์ มันเป็นอะไรที่ถึกมาก ๆ

การจัดกลุ่ม ( Group Selection )

วิธีนี้ง่ายที่สุดและยืดหยุ่นที่สุด เหมาะสำหรับจัดการเลเยอร์ให้เป็นระเบียบโดยที่ยังแก้ไขแต่ละชิ้นได้

  • วิธีทำ: เลือกวัตถุทั้งหมดที่ต้องการ -> กด Ctrl + G (Windows) หรือ Command + G (Mac)
  • ผลลัพธ์: วัตถุจะอยู่ใน Group เดียวกันใน Panel ด้านซ้าย แต่ยังแยกชิ้นข้างในได้

การใช้ Auto Layout (แนะนำสำหรับ UI Design)

หากต้องการให้วัตถุเรียงต่อกันอย่างเป็นระเบียบและเว้นระยะห่างเท่ากันอัตโนมัติ

  • วิธีทำ: เลือกวัตถุทั้งหมด -> กด Shift + A
  • ผลลัพธ์: วัตถุจะรวมอยู่ใน Frame เดียวกันที่มีคุณสมบัติ Auto Layout ช่วยให้จัดการ Padding และ Spacing ได้ง่ายมากครับ

การรวมด้วย Boolean Operations ( สำหรับงาน Graphic / Icon )

หากวัตถุเป็น Vector และคุณต้องการให้มันหลอมรวมรูปทรงเข้าด้วยกัน

  • วิธีทำ: เลือกวัตถุ -> คลิกไอคอน Boolean Groups (รูปสี่เหลี่ยมซ้อนกัน) ที่แถบเครื่องมือด้านบน -> เลือก Union Selection
  • ผลลัพธ์: วัตถุจะรวมร่างกันเป็น Path เดียวกัน แต่ยังสามารถดับเบิลคลิกเข้าไปขยับจุดเดิมได้

การ Flatten ( ทำให้เป็นเลเยอร์เดียวถาวร )

วิธีนี้จะทำให้วัตถุกลายเป็น Vector Layer เดียวกันแบบถาวร ( แก้ไขแยกชิ้นลำบากขึ้น )

  • วิธีทำ: เลือกวัตถุทั้งหมด -> กด Ctrl + E (Windows) หรือ Command + E (Mac)
  • ผลลัพธ์: ทุกอย่างจะถูกยุบรวมเป็นเลเยอร์เดียวชื่อ “Vector”

การแทนที่

ถ้าคุณอยากให้ตอนวาง ( Paste ) วัตถุลงไปแล้วมันไปแทนที่ที่เดิมเป๊ะๆ ใน Frame ใหม่ ให้ใช้ Ctrl + Shift + R ( Paste over selection ) มันจะช่วยประหยัดเวลาจัดตำแหน่งได้เยอะเลยครับ


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