คีย์ลัด Fima ที่ใช้ในการออกแบบ UX/UI

ในการออกแบบ UX/UI ด้วย Figma มีคีย์ลัดที่สำคัญและใช้บ่อยเพื่อเพิ่มความสะดวกและความรวดเร็วในการทำงาน มาดูกันว่าคีย์ลัดไหนที่ช่วยเพิ่มประสิทธิภาพในการออกแบบ UX/UI ได้:

คีย์ลัดสำหรับการสร้างและแก้ไของค์ประกอบ

เลือกเครื่องมือย้าย (Move Tool): V
สร้างเฟรมใหม่ (New Frame): F
สร้างกล่องข้อความ (Text Tool): T
สร้างรูปสี่เหลี่ยม (Rectangle Tool): R
สร้างวงกลม (Ellipse Tool): O
สร้างเส้นตรง (Line Tool): L
สร้างปุ่มโค้ง (Pen Tool): P
คัดลอกวัตถุ (Copy): Ctrl + C (Windows) / Cmd + C (Mac)
วางวัตถุ (Paste): Ctrl + V (Windows) / Cmd + V (Mac)
วางวัตถุที่ตำแหน่งเดิม (Paste Over Selection): Ctrl + Shift + V (Windows) / Cmd + Shift + V (Mac)
คัดลอก/วางสไตล์ (Copy/Paste Style): Ctrl + Alt + C/V (Windows) / Cmd + Option + C/V (Mac)

คีย์ลัดสำหรับการจัดตำแหน่งและปรับขนาด

จัดวางตรงกลางแนวนอน (Align Horizontal Center): Alt + H (Windows) / Option + H (Mac)
จัดวางตรงกลางแนวตั้ง (Align Vertical Center): Alt + V (Windows) / Option + V (Mac)
จัดวางซ้ายสุด (Align Left): Alt + A (Windows) / Option + A (Mac)
จัดวางขวาสุด (Align Right): Alt + D (Windows) / Option + D (Mac)
ทำให้วัตถุเท่ากัน (Distribute Horizontal/Vertical Spacing): Ctrl + Alt + H/V (Windows) / Cmd + Option + H/V (Mac)
Tidy Up (จัดวางอัตโนมัติ): Shift + Alt + T (Windows) / Shift + Option + T (Mac)

คีย์ลัดสำหรับการทำงานกับเลเยอร์และกลุ่ม

จัดกลุ่มวัตถุ (Group Selection): Ctrl + G (Windows) / Cmd + G (Mac)
ยกเลิกการจัดกลุ่ม (Ungroup Selection): Ctrl + Shift + G (Windows) / Cmd + Shift + G (Mac)
เลเยอร์บนสุด (Bring to Front): Ctrl + Shift + ] (Windows) / Cmd + Shift + ] (Mac)
เลเยอร์ล่างสุด (Send to Back): Ctrl + Shift + [ (Windows) / Cmd + Shift + [ (Mac)

คีย์ลัดการทำงานกับคอมโพเนนต์ (Components)

สร้างคอมโพเนนต์ (Create Component): Ctrl + Alt + K (Windows) / Cmd + Option + K (Mac)
แตกคอมโพเนนต์ (Detach Instance): Ctrl + Alt + B (Windows) / Cmd + Option + B (Mac)
วางคอมโพเนนต์ที่ซ้ำกัน (Duplicate): Ctrl + D (Windows) / Cmd + D (Mac)

คีย์ลัดโปรโตไทป์ (Prototyping)

สร้างการเชื่อมต่อโปรโตไทป์ (Prototype Connection): P
เปิดใช้งานโหมดโปรโตไทป์ (Switch to Prototype Mode): Shift + E
ทดสอบโปรโตไทป์ (Present Prototype): Ctrl + Enter (Windows) / Cmd + Enter (Mac)

คีย์ลัดเพิ่มเติมที่มีประโยชน์สำหรับ UX/UI

เลือกทั้งหมดในเฟรมหรือกลุ่ม (Select All in Frame or Group): Ctrl + A (Windows) / Cmd + A (Mac)
เลือกวัตถุซ้ำในหน้าต่างงาน (Select Duplicate Objects): Ctrl + D (Windows) / Cmd + D (Mac)
ปรับขนาดวัตถุ (Scale Tool): K
ซูมเข้า/ออก (Zoom In/Out): Ctrl + +/- (Windows) / Cmd + +/- (Mac)

การใช้คีย์ลัดเหล่านี้จะช่วยเพิ่มความรวดเร็วในการออกแบบ UX/UI ใน Figma และทำให้กระบวนการทำงานลื่นไหลมากขึ้น