13 ปลั๊กอิน Figma ที่ดีที่สุดสำหรับนักออกแบบทุกคน
เบ็ดเตล็ด / / November 29, 2021
หลายปีที่ผ่านมา Sketch และ Adobe เป็นแอปพลิเคชั่นที่เหมาะสำหรับนักออกแบบ UI และ UX แต่ในช่วงไม่กี่ปีที่ผ่านมา เราได้เห็นคู่แข่งรายใหม่เข้ามาในตลาด ในหมู่พวกเขา Figma โดดเด่นด้วยเหตุผลหลายประการ บริษัทเมื่อเร็วๆนี้ เพิ่มปลั๊กอิน add-on ที่รอคอยมาก เพื่อทำให้สิ่งต่างๆ ง่ายขึ้นสำหรับผู้ใช้ เราได้เลือกปลั๊กอิน Figma ที่ดีที่สุดในรายการด้านล่าง
![ปลั๊กอินสำหรับ figma](/f/049eec1712ea00bfaf64403a4b2b9cfd.jpg)
งานของนักออกแบบอาจน่าเบื่อหน่ายหากไม่มีการสนับสนุนปลั๊กอิน ปลั๊กอิน Figma ไม่ได้เป็นเช่นนั้นเสมอไป นอกจากนี้ Figma ยังใช้งานได้กับระบบปฏิบัติการใดๆ ที่ใช้เว็บเบราว์เซอร์ เช่น Mac, Windows, PC เป็นต้น
ประเด็นร้อนของ Figma ในตอนนี้คือการสนับสนุนปลั๊กอินฟรีและพรีเมียมที่ให้ความช่วยเหลือที่จำเป็นมากในระหว่างชั่วโมงการออกแบบ UI ที่ยาวนาน
ลองมาดูกัน
เกี่ยวกับ Guiding Tech
1. Unsplash
อันนี้เป็นตัวอธิบาย แทนที่จะเสียเวลาหลายชั่วโมงไปกับการค้นหารูปภาพคุณภาพสูงปลอดค่าลิขสิทธิ์บนเว็บ คุณสามารถเลือกปลั๊กอิน Unsplash สำหรับ Figma และเริ่มใช้ภาพจำลองได้โดยตรงจากหน้าจอหลักของ Figma ไม่น่าแปลกใจเลยว่าทำไม Unsplash ถึงมีการดาวน์โหลดจำนวนมากใน Plugin Store
![Unsplash สำหรับ figma](/f/56eacbb53522ac141920a577eccf30bf.jpg)
รับ Unsplash สำหรับ Figma
2. รีลเนื้อหา
นักออกแบบส่วนใหญ่พึ่งพา Lorem Ipsum ในการสร้างข้อความสุ่มเพื่อใช้ในการจำลอง UI Content Reel นำประสบการณ์ไปสู่อีกระดับ มันช่วยให้คุณสร้างเนื้อหาแบบสุ่ม เช่น ชื่อผู้ใช้ วันที่ ที่อยู่ สกุลเงิน รูปแทนตัว ไอคอน รูปภาพ ฯลฯ และมันมีประโยชน์และมีประสิทธิภาพมากกว่า Lorem Ipsum มาก
![รีลเนื้อหาสำหรับ figma](/f/13f9a21adf3c8d6f3c527477026d60ff.jpg)
รับรีลเนื้อหาสำหรับ Figma
3. โครงลวด
เรารู้ว่าตลาดเต็มไปด้วยโซลูชันการร่างโครงลวด เช่น Balsamiq แต่ถ้าคุณต้องการสร้างต้นแบบใน Figma อย่างรวดเร็ว ปลั๊กอิน Wireframe ก็เป็นสิ่งจำเป็นสำหรับคุณ
![Wirefree สำหรับ figma](/f/dc0983fae22b3ac194b2e34e6144064f.jpg)
Wireframe มีรายการสำหรับ Wireframes (แม่แบบ) ที่ออกแบบไว้ล่วงหน้าสำหรับเว็บและมือถือซึ่งแบ่งออกเป็นหมวดหมู่ที่สามารถเพิ่มโดยตรงไปยังหน้า Figma โดยคลิกที่เฟรม ไฟล์ทั้งหมดเป็น Figma Component (SVG) และสามารถแก้ไขได้ง่าย ด้วยวิธีนี้ คุณสามารถจัดการกิจกรรมการวาดเส้นและการสร้างต้นแบบทั้งหมดได้อย่างง่ายดาย
รับ Wireframe สำหรับ Figma
4. Iconify
นักออกแบบทุกคนต้องการไอคอนเพื่อทำงานกับโปรเจ็กต์ UI แทนที่จะค้นหาอย่างไม่รู้จบบนเว็บ คุณสามารถเลือกปลั๊กอินของบุคคลที่สาม เช่น Iconify เพื่อใช้งานไอคอนประเภทต่างๆ ในโครงการ
![Iconify สำหรับ figma](/f/f437a43f7b15fc7732ea2772873dfa18.jpg)
Iconify ช่วยให้คุณสามารถนำเข้าไอคอนการออกแบบวัสดุ, FontAwesome, ไอคอน Jam, EmojiOne, Twitter Emoji, และไอคอนอื่น ๆ อีกมากมาย (ชุดไอคอนมากกว่า 60 ชุดที่มีไอคอนมากกว่า 50,000 รายการ) เอกสาร Figma เป็น vector รูปร่าง
รับ Iconify สำหรับ Figma
5. จานรูปภาพ
หากคุณมีปัญหาในการเลือกการผสมสีตามรูปภาพ Palette คือปลั๊กอินที่เหมาะกับคุณ ส่วนขยายจะแยกจานสี 5 สีจากรูปภาพที่เลือก ไปข้างหน้าลองดูจากลิงค์ด้านล่าง
![พาเลทรูปภาพสำหรับ figma](/f/3d4aadc46e70c8c94075f4d770816414.jpg)
รับจานสีสำหรับ Figma
6. ชุดนิทาน
นักออกแบบชอบภาพประกอบใช่ไหม ขณะออกแบบหน้าต้อนรับสำหรับเว็บไซต์หรือแอป คุณจะต้องใช้ภาพประกอบเพื่อสร้างผลกระทบ
![เรื่องราวที่กำหนดไว้สำหรับfigma](/f/53a389137ada9e59fed758f2e73d48b1.jpg)
หากคุณต้องการภาพประกอบที่สร้างขึ้นเองอย่างสวยงาม คุณสามารถนำเข้าและแก้ไขได้ตามต้องการด้วยปลั๊กอิน Stories by Freepik มีภาพประกอบฟรีมากกว่า 1,000 ภาพที่จะสปอยล์คุณ
รับ Storyset สำหรับ Figma
เกี่ยวกับ Guiding Tech
7. ผู้สร้างโลโก้
ลูกค้าของคุณกำลังขอโลโก้ที่กำหนดเอง และคุณไม่รู้ว่าจะเริ่มต้นอย่างไร ปลั๊กอินตัวสร้างโลโก้สำหรับ Figma ให้คุณเลือกโลโก้ที่ดีที่สุดหรือสร้างโลโก้โดยใช้ส่วนประกอบที่แตกต่างกัน คุณสามารถสร้างโลโก้ที่สวยงามได้โดยเลือกรูปทรงต่างๆ หรือเลือกโลโก้ที่ดีที่สุดจากคอลเลกชั่นที่สร้างไว้ล่วงหน้ามากกว่า 300+ โลโก้
![ผู้สร้างโลโก้สำหรับ figma](/f/5f22e51546c029447644c1a8e5fd7e46.jpg)
รับเครื่องมือสร้างโลโก้สำหรับ Figma
8. ชาร์ต
การเพิ่มข้อมูลดิบอย่างง่ายภายในการออกแบบของคุณอาจทำให้ดูไม่สุภาพ คุณสามารถใช้แผนภูมิเพื่อเพิ่มความน่าดึงดูดใจให้กับการออกแบบโดยรวม เราขอแนะนำแผนภูมิสำหรับปลั๊กอิน Figma สำหรับสิ่งนั้น
![แผนภูมิสำหรับ figma](/f/bb5e84f043d11229138e81d6d6c2cb94.jpg)
แผนภูมิช่วยให้คุณสร้างแผนภูมิที่สามารถเพิ่มและแก้ไขได้ภายในเอกสาร Figma ของคุณ เลือกจากแผนภูมิเส้น พื้นที่ พาย โดนัท กระจาย และแผนภูมิแท่ง แต่ละแผนภูมิมาพร้อมกับชุดการกำหนดค่าของตัวเอง เช่น ค่าหลายจุด ค่าสูงสุด และค่าต่ำสุด
รับแผนภูมิสำหรับ Figma
9. ฟิกโมจิ
Figmoji เป็นเรื่องสนุก หากงานของคุณเกี่ยวข้องกับอิโมจิในระหว่างโครงการออกแบบ Figmoji คือปลั๊กอินที่สมบูรณ์แบบสำหรับคุณ เพียงคลิกเดียว คุณสามารถใช้อิโมจิในโปรเจ็กต์ UI ของคุณได้ ตามที่คาดไว้ ปลั๊กอินจะเพิ่มรูปแบบ SVG ของอีโมจิ ดังนั้นคุณจึงมีความยืดหยุ่นในการแก้ไข
![อีโมจิสำหรับ figma](/f/d320979eb63fbaf305d5e40ad3a24fd8.jpg)
รับ Flgmoji
10. เครื่องสร้างแผนที่
หลายครั้งที่นักออกแบบต้องเพิ่มแผนที่ในการออกแบบของพวกเขา จากนั้นพวกเขาก็ไปที่ Google Maps และดึงข้อมูลด้วยตนเอง ปลั๊กอิน Map Maker สำหรับ Figma อยู่ที่นี่เพื่อช่วยเราแก้ปัญหาทั้งหมด Map Maker ช่วยให้คุณสร้างแผนที่ที่กำหนดเองได้อย่างรวดเร็ว ปัจจุบันรองรับ Google Maps และ Mapbox
![ผู้สร้างแผนที่สำหรับ figma](/f/401d113ace040066d2d50e65497d3d88.jpg)
รับ Map Maker สำหรับ Figma
11. Super Tidy
การจัดตำแหน่งเป็นสิ่งสำคัญในทุกโครงการออกแบบ การวางแนวที่ไม่ถูกต้องเป็นสิ่งที่ควรหลีกเลี่ยงอย่างยิ่ง Super Tidy for Figma ช่วยให้คุณสามารถจัดตำแหน่ง เปลี่ยนชื่อ และจัดลำดับเฟรมของคุณใหม่ตามตำแหน่งผ้าใบได้อย่างง่ายดาย Super Tidy ยังเปลี่ยนชื่อเฟรมของคุณและจัดลำดับใหม่ในรายการเลเยอร์ตามตำแหน่งในแคนวาส
![จัดสำหรับfigma](/f/17a5e52d8ab628abbb673f46f1df401a.jpg)
รับ Super Tidy
12. เวคตารี
ปลั๊กอิน Vectary 3D สำหรับ Figma กำลังเพิ่มมิติที่สามที่ขาดหายไปให้กับการออกแบบ 2D ของคุณ วางการออกแบบ Figma ของคุณลงในการจำลอง 3D ที่กำหนดไว้ล่วงหน้าหรือองค์ประกอบ 3D ที่คุณกำหนดเอง กำหนดมุมมองที่คุณต้องการในแบบ 3 มิติ และวางผลลัพธ์ลงในฉากได้ด้วยคลิกเดียว เป็นปลั๊กอินที่จำเป็น โดยเฉพาะอย่างยิ่งเมื่อคุณต้องการสร้างความประทับใจให้กับลูกค้า
![Vectary สำหรับ figma](/f/89484dbab3f2399c4806303d61f10691.jpg)
รับ Vectary สำหรับ Figma
13. ตัวอย่างแบบอักษร
แบบอักษรที่สร้างขึ้นอย่างชาญฉลาดภายในการออกแบบอินเทอร์เฟซและทำให้น่าสนใจสำหรับหลาย ๆ คน ประเภทข้อความมีพลังในการสร้างหรือทำลายอินเทอร์เฟซ การใช้รูปแบบตัวอักษรเดียวกันอาจส่งผลเสียต่อการออกแบบของคุณ คุณสามารถใช้การแสดงตัวอย่างแบบอักษรเพื่อหลีกเลี่ยงปัญหานั้นได้ เมื่อใช้ปลั๊กอินนี้ คุณจะสามารถดูตัวอย่างข้อความของคุณในรูปแบบตัวอักษรมากกว่า 1,000 แบบ
![ตัวอย่างแบบอักษรสำหรับ figma](/f/791bf9d6a5d26f227d11bae02c95817b.jpg)
รับตัวอย่างแบบอักษรสำหรับ Figma
เกี่ยวกับ Guiding Tech
ใช้ Figma Like a Pro
ปลั๊กอินสำหรับซอฟต์แวร์ออกแบบ UI นั้นคล้ายกับ ส่วนขยายสำหรับเบราว์เซอร์. ด้วยการใช้ชุดปลั๊กอินที่เหมาะสม คุณสามารถปรับปรุงเวิร์กโฟลว์และประสิทธิภาพการทำงานของคุณได้อย่างมากด้วย Figma ผ่านรายการด้านบนและบอกเราว่าคุณติดตั้งปลั๊กอินใดในความคิดเห็นด้านล่าง
ถัดไป: Figma คือความสุขที่จะใช้กับแป้นพิมพ์ลัดในตัว อ่านโพสต์ด้านล่างเพื่อเรียนรู้เกี่ยวกับแป้นพิมพ์ลัด Figma 11 อันดับแรกสำหรับ Windows และ Mac