แป้นพิมพ์ลัด Figma 11 อันดับแรกสำหรับ Windows และ Mac

Figma ได้รับแรงฉุดในพื้นที่การออกแบบ ซอฟต์แวร์ Sketch ส่วนใหญ่ครองอุตสาหกรรมการออกแบบ UI/UX แต่ข้อเสนอล่าสุดโดย Adobe (Adobe XD) และ Figma ที่มีการกำหนดราคาที่ยืดหยุ่น การแบ่งปันที่ราบรื่น และความพร้อมใช้งานข้ามแพลตฟอร์มกำลังเปลี่ยนสมการสำหรับนักออกแบบ UI/UX

ความพร้อมใช้งานของ Figma บนเว็บ, Windows และ macOS ควบคู่ไปกับแผน Starter ที่ยอดเยี่ยม (3 โปรเจ็กต์และ 2 ผู้แก้ไข) ทำให้เป็นตัวเลือกที่เหมาะสำหรับการออกแบบ สร้างต้นแบบ และทักษะการออกแบบ UI หลัก บริษัทเมื่อเร็วๆนี้ แนะนำการสนับสนุนปลั๊กอินที่รอคอยมากสำหรับมัน. หากคุณยังใหม่ต่อพื้นที่การออกแบบ UI/UX และเริ่มต้นการเดินทางด้วย Figma คุณอาจต้องการจดจำแป้นพิมพ์ลัด Figma ที่จำเป็นสำหรับ Windows และ Mac

ในบทความนี้ เราจะพูดถึงแป้นพิมพ์ลัด Figma ที่ดีที่สุด 11 แบบที่คุณสามารถใช้ได้บน Windows PC และ Mac มาเริ่มกันเลย.

เยือน Figma

1. ความสามารถในการซูมระดับมาสเตอร์

คุณไม่สามารถใช้ Figma หรือซอฟต์แวร์ออกแบบ UI/UX ใดๆ ได้โดยไม่ต้องใช้แป้นพิมพ์ลัด Zoom สิ่งเหล่านี้จะเป็นแป้นพิมพ์ลัดที่ใช้บ่อยที่สุดในระหว่างเวิร์กโฟลว์ของคุณ

สำหรับ Windows และ Mac คุณสามารถใช้ Shift + 1 เพื่อปรับเลเยอร์ให้พอดีกับหน้าจอ Shift + 2 เพื่อซูมในเฟรมที่เลือก (แป้นพิมพ์ลัดที่ใช้บ่อยที่สุดของฉัน เนื่องจากช่วยให้ฉันดูรายละเอียดของส่วนประกอบที่เลือกได้อย่างรวดเร็ว) และ Shift + 0 เพื่อซูม 100%

2. แสดง/ซ่อนไม้บรรทัดและแสดง/ซ่อนตารางเค้าโครง

โดยทั่วไป ฉันไม่ได้ใช้ไม้บรรทัดใน Figma แต่ถ้าคุณวางแผนที่จะใช้งานระหว่างการออกแบบ UI คุณสามารถใช้แป้นพิมพ์ลัด Shift + R บนพีซีหรือ Mac เพื่อแสดง/ซ่อนไม้บรรทัดได้

ฉันใช้ Layout Grids ตลอดเวลา ช่วยให้คุณจัดเรียงองค์ประกอบ ไอคอนที่มีระยะห่างเท่ากัน ช่วยให้คุณจัดระเบียบข้อความและองค์ประกอบอื่นๆ ใช้แป้นพิมพ์ลัด Control + G บน Mac เพื่อแสดง/ซ่อนเส้นตารางเค้าโครง

เกี่ยวกับ Guiding Tech

3. ปากกา ย้าย และเครื่องมือข้อความ

Figma นำเสนอเครื่องมือ Pen ที่ทรงพลังและปรับแต่งได้ คุณจะได้สิ่งที่ผมหมายถึงหลังจากที่คุณเล่นกับมันสักสองสามนาที ในระหว่างเวิร์กโฟลว์การออกแบบ คุณจะใช้เครื่องมือทั้งสามนี้ค่อนข้างมาก

คุณสามารถเลือกได้จากเมนูด้านบนหรือใช้การกดแป้น P สำหรับ Pen, V สำหรับ Move และ T สำหรับเครื่องมือ Text บน Windows และ Mac

4. ย้ายระหว่างเลเยอร์และส่วนประกอบ

แป้นพิมพ์ลัดทั้งสองนี้มีประโยชน์มากเมื่อคุณทำงานในโครงการออกแบบที่มีเลเยอร์และส่วนประกอบมากเกินไป คุณอาจต้องย้ายไปมาระหว่างพวกเขาตลอดเวลา คุณสามารถใช้ Option + 1 สำหรับ Mac หรือ Alt + 1 สำหรับ Windows เพื่อย้ายไปยังแผงเลเยอร์ จากนั้นใช้ Option + 2 สำหรับ Mac หรือ Alt + 2 สำหรับ Windows เพื่อไปที่เมนูส่วนประกอบ

5. เปิดเครื่องมือเลือกสี

ฟังก์ชันนี้มีประโยชน์เมื่อคุณต้องการแยกสีออกจากรูปภาพหรือไอคอน หรือส่วนประกอบอื่นๆ คุณสามารถใช้แป้นพิมพ์ลัด 'I' บน Mac หรือ Windows เพื่อเปิดตัวเลือกสี วางเมาส์เหนือตัวเลือกสีบนรูปภาพหรือไอคอน แล้วคัดลอกรหัสสีจาก ตัวเลือกสี เมนู.

6. คัดลอก/วางรูปแบบปัจจุบัน

อันนี้เป็นตัวประหยัดเวลาจริง ต้องการคัดลอกสี/การออกแบบปัจจุบันของส่วนประกอบไปยังข้อความหรือไอคอนอื่นอย่างรวดเร็วหรือไม่ คุณสามารถเลือกองค์ประกอบปัจจุบันและใช้ Option + Command + C สำหรับ Mac หรือ Ctrl + Shift + C สำหรับ Windows เพื่อคัดลอกสไตล์ ตอนนี้เลือกองค์ประกอบอื่นและใช้ Option + Command + V สำหรับ Mac หรือ Ctrl + Shift + V สำหรับ Windows เพื่อวางรูปแบบ

7. เลือกกลุ่ม/เลิกจัดกลุ่ม

การจัดกลุ่มและยกเลิกการจัดกลุ่มเป็นส่วนที่สำคัญที่สุดอย่างหนึ่งของซอฟต์แวร์การออกแบบ หลังจากเพิ่มรูปร่าง ไอคอน ข้อความแล้ว คุณอาจต้องการจัดกลุ่มเพื่อย้ายหรือแก้ไขได้อย่างง่ายดาย คุณสามารถเลือกองค์ประกอบและใช้ Command + G สำหรับ Mac หรือ Ctrl + G สำหรับ Windows เพื่อสร้างกลุ่ม

หากต้องการยกเลิกการจัดกลุ่ม ให้ใช้ Command + Shift + G สำหรับ Mac หรือ Ctrl + Shift + G สำหรับ Windows

เกี่ยวกับ Guiding Tech

8. สลับการล็อกและปลดล็อก

เมื่อคุณกำลังสร้างการออกแบบด้วย ชั้นมากเกินไป และส่วนประกอบต่างๆ ผ้าใบ Figma อาจค่อนข้างยุ่งสำหรับคุณ ในสถานการณ์เหล่านี้ คุณจะไม่ต้องการย้ายไอคอน ข้อความ หรือส่วนประกอบโดยไม่ได้ตั้งใจ ในกรณีดังกล่าว คุณสามารถเลือกองค์ประกอบและใช้ Command + Shift + L สำหรับ Mac หรือ Ctrl + Shift + L สำหรับ Windows เพื่อล็อกได้

มันถูกแสดงด้วยไอคอนล็อคขนาดเล็กในเมนูเลเยอร์ หากต้องการปลดล็อก ให้ใช้แป้นพิมพ์ลัดเดียวกัน

9. สร้างส่วนประกอบ

ส่วนประกอบคือหัวใจและจิตวิญญาณของประสบการณ์ Figma คุณอาจต้องการนำองค์ประกอบเดิมมาใช้ซ้ำตลอดทั้ง UI การออกแบบ ตัวอย่างบางส่วนอาจเป็นเมนูแฮมเบอร์เกอร์ เมนูแถบด้านล่าง ปุ่ม ฯลฯ ที่คุณต้องการใช้ซ้ำกับหน้าจออื่นๆ ด้วย

คุณสามารถจัดกลุ่มไอคอนและข้อความโดยใช้เครื่องมือจัดกลุ่ม แล้วใช้ Option + Command + K สำหรับ Mac หรือ Ctrl + Alt + K สำหรับ Windows เพื่อสร้างส่วนประกอบ ตอนนี้ เข้าถึงได้จากเมนูส่วนประกอบ (ตรวจสอบ #4)

10. แสดงห้องสมุดทีม

คุณรู้หรือไม่ว่า Figma ถูกเรียกว่า Google Docs ของอุตสาหกรรมการออกแบบด้วย? ซอฟต์แวร์นี้มาพร้อมกับตัวเลือกการแบ่งปันที่ราบรื่นซึ่งช่วยให้คุณสามารถเพิ่มผู้แก้ไขให้กับทีมได้

สำหรับโครงการใหญ่ สมาชิกในทีมแต่ละคนจะได้รับงานออกแบบแยกต่างหาก ขณะสร้างการออกแบบในกลุ่ม คุณอาจต้องการไปที่ไลบรารีของทีม ซึ่งประกอบด้วยส่วนประกอบและไอคอนทั่วไปในหมู่สมาชิก คุณสามารถเปิดเมนูได้โดยใช้ Command + Option + O บน Mac หรือ Ctrl + Alt + O บน Windows เพื่อเปิดเมนูไลบรารีของทีม

11. ออกแบบส่งออก

หลังจากเสร็จสิ้นการออกแบบ คุณอาจต้องการใช้ตัวเลือกการส่งออกเพื่อแยกไอคอนและรูปภาพออกจากการออกแบบ เพื่อให้คุณสามารถส่งไปยังนักพัฒนาเพื่อนำไปใช้ คุณสามารถเลือกเลเยอร์และใช้ Command + Shift + E สำหรับ Mac หรือ Control + Shift + E สำหรับ Windows เพื่อส่งออกรายละเอียด

เกี่ยวกับ Guiding Tech

ใช้ Figma Like a Pro

Figma เป็นเครื่องมือที่ยอดเยี่ยมสำหรับนักออกแบบ UI/UX ฟรีสำหรับผู้เริ่มต้น อนุญาตให้แชร์ และมาพร้อมกับแป้นพิมพ์ลัดจำนวนมากเพื่อให้เวิร์กโฟลว์ราบรื่น ใช้แป้นพิมพ์ลัดเหล่านี้กับเวิร์กโฟลว์ของคุณและสร้างการออกแบบ UI ที่สวยงามอย่างมืออาชีพ