Figma เป็นหนึ่งในแอปการออกแบบยอดนิยมสำหรับการแก้ไขกราฟิก ข้อเท็จจริงที่ว่ามันฟรีและสามารถใช้งานได้หลายวิธีเป็นสองสิ่งที่ผู้คนรู้จัก เราแจกแจงคุณสมบัติที่สำคัญที่สุดของ Figma และแสดงทางลัด Figma ที่ดีที่สุด บางส่วนที่จะช่วยให้คุณใช้งานได้อย่างมีประสิทธิภาพมากขึ้น
สารบัญ
Figma เป็นโปรแกรมแก้ไขกราฟิกแบบเวกเตอร์และเครื่องมือต้นแบบที่ทำงานในระบบคลาวด์และตั้งค่าไว้สำหรับการออกแบบส่วนต่อประสานร่วมกันและจากระยะไกล ซอฟต์แวร์ UI มีทุกสิ่งที่คุณต้องการสำหรับทุกขั้นตอนของโครงการออกแบบ รวมถึงความสามารถในการสร้างรหัสที่สามารถส่งออกได้ เราได้จัดทำรายการทางลัดสำหรับ Figma ที่จะทำให้งานของคุณง่ายขึ้น
ทางลัด Figma ที่ดีที่สุด
ความสามารถในการซูมหลัก
คุณไม่สามารถใช้ Figma หรือใดๆ ซอฟต์แวร์อื่นสำหรับการออกแบบ UI/UX โดยไม่ทราบวิธีใช้แป้นพิมพ์ลัด Zoom นี่คือแป้นพิมพ์ลัดที่คุณจะใช้บ่อยที่สุดขณะทำงาน สามารถใช้ Shift + 1 ได้ทั้งบน Windows และ Mac เพื่อให้เลเยอร์พอดีกับหน้าจอ Shift + 2 ช่วยให้ฉันซูมเข้าในเฟรมที่เลือกได้ ซึ่งเป็นแป้นพิมพ์ลัดที่ฉันใช้บ่อยที่สุด เพราะทำให้ฉันเห็นรายละเอียดของส่วนที่เลือกได้อย่างรวดเร็ว Shift + 0 ช่วยให้ฉันซูมเข้าไปจนสุด
คัดลอกเฟรมเป็นภาพ PNG – โดยไม่ต้องส่งออก
ด้วยทางลัดนี้ คุณสามารถคัดลอกเฟรมเดียวเป็นภาพ PNG แล้ววาง ที่ใดก็ได้ภายในหรือภายนอก Figma คุณไม่จำเป็นต้องส่งออกเฟรมเพื่อใช้ในแบบจำลอง งานนำเสนอ อีเมล หรือเอกสารการออกแบบอื่นๆ ดังนั้น คุณจะไม่มีสิ่งของมากมายในพื้นที่จัดเก็บของคุณ หากต้องการคัดลอกเป็น PNG ให้เลือกองค์ประกอบใดก็ได้ (เฟรม รูปภาพ หรือกลุ่ม) แล้วกด “Shift” + “Command” + “C” บน Mac หรือ “Shift” + “Ctrl” + “C” บน Windows
เลือกเครื่องมือเฟรม
เมื่อสร้างบอร์ดเฟรมหลายตัวสำหรับการออกแบบต้นแบบใน Figma เครื่องมือเฟรมมักจะถูกใช้ เมื่อคุณกด F บนแป้นพิมพ์ เครื่องมือจะปรากฏขึ้นทันที คุณจึงสามารถวาดหรือเปลี่ยนขนาดของเฟรมได้อย่างรวดเร็ว คุณสามารถวาดกรอบโดยคลิกและลากเคอร์เซอร์ หรือเลือกเครื่องมือกรอบแล้วพิมพ์ขนาดที่คุณต้องการในช่องด้านขวาของเมนูกรอบ
แสดง/ซ่อนไม้บรรทัดและแสดง/ซ่อนกริดเลย์เอาต์
ปกติฉันไม่ค่อยใช้ไม้บรรทัดใน Figma แต่ถ้าคุณต้องการใช้ขณะออกแบบอินเทอร์เฟซผู้ใช้ คุณสามารถใช้แป้นพิมพ์ลัด Shift + R บนพีซีหรือ Mac เพื่อแสดง หรือซ่อนไม้บรรทัด ฉันใช้ Layout Grids เสมอ ช่วยให้คุณจัดเรียงส่วนต่างๆ ไอคอน และข้อความเพื่อให้ห่างกันเท่ากัน หากต้องการแสดงหรือซ่อนเส้นตารางเค้าโครงใน Mac ให้กด Control + G บนแป้นพิมพ์
ความสามารถในการเพิกเฉยต่อเค้าโครงอัตโนมัติ
เค้าโครงอัตโนมัตินั้นยอดเยี่ยม แต่ก็ไม่ง่ายเสมอไปที่จะ เพิ่มองค์ประกอบใหม่ลงในกลุ่มที่ใช้เค้าโครงอัตโนมัติ ก่อนที่เราจะคิดออก เราได้ปิดการจัดวางอัตโนมัติและวางองค์ประกอบใหม่ในตำแหน่งที่เราต้องการ แต่ตอนนี้มีเคล็ดลับ: กด Space bar ค้างไว้ หากคุณกดแป้นเว้นวรรคขณะที่คุณลากองค์ประกอบ องค์ประกอบจะไปอยู่เหนือชุดเค้าโครงอัตโนมัติและคงอยู่ตรงนั้น นี่อาจไม่ใช่วิธีที่ดีที่สุดในการประหยัดเวลา แต่ก็ช่วยได้
วางรูปภาพหลายรูปพร้อมกัน
หากคุณสร้างเลย์เอาต์ด้วยรูปทรงที่พร้อมจะเก็บภาพของคุณ การเพิ่มทีละภาพอาจเป็นเรื่องที่น่ารำคาญ ด้วยทางลัดนี้ คุณสามารถใส่ภาพถ่ายได้มากกว่าหนึ่งภาพที่ใดก็ได้บนอาร์ตบอร์ดของคุณโดยคลิกที่ตัวยึดหรือที่ใดก็ได้บนอาร์ตบอร์ดของคุณ
ผู้ใช้ Mac สามารถเปิดกล่องโต้ตอบเพื่อค้นหารูปภาพของตนโดยกด Cmd + Shift + K สำหรับ Windows คุณสามารถค้นหาและวางรูปภาพหลายรูปในการออกแบบ Figma ของคุณได้โดยกด Ctrl + Shift + K นี่คือ วิธีที่ยอดเยี่ยมในการประหยัดเวลาใน Figma หากคุณสร้างเทมเพลตต้นแบบ
เครื่องมือปากกา ย้าย และข้อความ
Figma มีเครื่องมือปากกาที่ทั้งทรงพลังและยืดหยุ่น หลังจากที่คุณเล่นกับมันสักพัก คุณจะเห็นว่าฉันหมายถึงอะไร คุณจะใช้เครื่องมือทั้งสามนี้มากในระหว่างขั้นตอนการออกแบบ ใน Windows และ Mac คุณสามารถเลือกได้จากเมนูด้านบนหรือใช้ปุ่ม P, V และ T เพื่อสลับไปยังเครื่องมือปากกา ย้าย และข้อความตามลำดับ
การเลือกสี
เลือกองค์ประกอบเพื่อเพิ่มสีสัน ในการทำเช่นนี้คุณต้องเลือก”เติม”ใช้ปุ่มลูกศรขึ้น (สว่าง) และลง (มืด) คุณจะพบโทนสีอ่อนและสีเข้มสำหรับตัวเลือกการเติมขององค์ประกอบที่เลือก หากคุณกดปุ่ม Shift คุณจะได้ยินความแตกต่างของโทนเสียงเร็วขึ้น
ย้ายไปมาระหว่างเลเยอร์และส่วนประกอบต่างๆ
เมื่อทำงานในโครงการออกแบบที่มีเลเยอร์และชิ้นส่วนมากเกินไป สองสิ่งนี้ แป้นพิมพ์ลัดมีประโยชน์มาก คุณอาจต้องกลับไปกลับมาระหว่างพวกเขาตลอดเวลา หากต้องการไปที่แผงเลเยอร์ ให้กด Option + 1 บน Mac หรือ Alt + 1 บนแล็ปท็อป Windows จากนั้นกด Option+2 บน Mac หรือ Alt+2 บนคอมพิวเตอร์ Windows เพื่อไปที่เมนูส่วนประกอบ
กำหนดความสูงของเส้นในไม่กี่วินาที
หากความสูงของเส้นดูผิดเพี้ยนและ คุณไม่มีค่าเฉพาะ ให้พิมพ์”auto”ในช่องความสูงของบรรทัด ลบตัวเลขใดๆ ที่มีอยู่ แล้วกด Enter มันจะปรับตัวเองด้วยเวทมนต์ คุณสามารถข้ามการพิมพ์”อัตโนมัติ”ได้โดยปล่อยฟิลด์ว่างไว้ แล้วกดปุ่ม Enter บนแป้นพิมพ์ ทำงานได้เร็วยิ่งขึ้นไปอีก!
คำถามที่พบบ่อย
แป้นพิมพ์ลัดสนุกๆ คืออะไร
เปิดใช้ความคมชัดสูง Shift + Alt + Print สลับระหว่าง Windows ที่เปิดอยู่ Alt + Tab ตรวจสอบการเปิดและปิด Windows Windows + Tab ลบไฟล์โดยไม่ยืนยัน Shift + Delete ปิด Windows Windows + X, U, I/U/R/H/S
คุณควบคุม F ใน Figma ได้ไหม
ตอนนี้การค้นหาและแทนที่มีอยู่ใน Figma แล้ว เพียงกด Ctrl+F! เมื่ออยู่ที่”ค้นหา”ให้กด Enter เพื่อย้ายไปยังผลลัพธ์ถัดไป
Ctrl J ใช้ทำอะไร
Ctrl+J ทำให้ข้อความหรือบรรทัดที่คุณเลือกพอดีกับหน้าจอ. Ctrl+K จะเพิ่มลิงค์ Ctrl+L วางบรรทัดหรือข้อความที่คุณเลือกทางด้านซ้ายของหน้าจอ
F1 f2 f3 F4 f5 f6 f7 f8 f9 f10 f11 F12 คืออะไร
F1 ปุ่ม –F12 บนแป้นพิมพ์คอมพิวเตอร์เรียกว่าปุ่มฟังก์ชันหรือปุ่ม F แต่ละคีย์เหล่านี้มีฟังก์ชันพิเศษที่กำหนดโดยระบบปฏิบัติการหรือโปรแกรมที่กำลังทำงานอยู่ คุณสามารถใช้ปุ่ม Alt หรือปุ่ม Ctrl ได้