Figma Plugins
การนำ Plugin มาใช้งานจะช่วยให้เราทำงานได้เร็วขึ้น สะดวกกว่าเดิม รวมถึงทำให้งานออกแบบของเราสวยงามมากยิ่งขึ้นได้ ซึ่งมี plugin หลายตัวที่น่าสนใจโดยจะขอยกตัวอย่างมาให้บางส่วน
Color contrast
Plugin สำหรับการตรวจสอบอัตราส่วนค่าความต่างสีระหว่างวัตถุ 2 ชิ้น เรามักนำมาใช้ในกรณีของตัวอักษรและพื้นหลัง อัตราส่วนที่ได้มาจะเป็นตัวบ่งบอกถึงความตัดกันของสี ความอ่านง่าย ระดับความเด่น การหมั่นตรวจสอบ contrast และแก้ไขจุดที่ค่าต่ำจะช่วยป้องกันปัญหาที่ผู้ใช้อ่าน text ไม่ออก อ่านยาก ล้าต่อสายตาได้เมื่อมองเป็นเวลานาน
นอกจาก Color contrast แล้วยังมี plugin ที่ใกล้เคียงกันคือ A11y - Color Contrast Checker – Figma
Content Reel
ทุกงานออกแบบเคยเจอปัญหาไม่รู้จะใส่เนื้อหาอะไรไหม ชื่อคนก็ไม่รู้ไปเอาจากที่ไหน ไหนจะข้อมูลที่อยู่ รูป avatar ข้อมูลอื่นๆ เราขอแนะนำ Content Reel เครื่องมือที่จะช่วยคุณเสกข้อมูลสมมติขึ้นมาเพียงแค่เลือก text ในงานและเลือกหมวดข้อความที่เราจะสุ่ม เครื่องมือจะทำการสุ่มมาให้เราโดยทันที และมีความหลากหลายมาก Lorem text mockup ก็มีเช่นกัน ตัวเดียวครบจบเรื่องข้อความ
Unsplash
รูปภาพชัดๆ ดีๆ สวยๆ หายากจังเลย ลิขสิทธิ์ก็กลัว เราขอแนะนำ Unsplash เครื่องมือที่เป็น API ดึงรูปมากจาก Beautiful Free Images & Pictures | Unsplash เลือกรูปแล้ววางลงในงานออกแบบเราได้เลย ง่ายสุดๆ ใช้งานได้แบบฟรีๆ ทั้งใช้ใน personal use และ commercial
LottieFiles
เทรนใหม่ animation ภาพเคลื่อนไหวสำเร็จรูปที่สามารถปรับแต่งได้ ทำให้งานออกแบบของคุณดูดี ดูหรู ดูแพงขึ้นมาอีกระดับ ค้นหาภาพเคลื่อนไหวเพิ่มเติมได้จาก Featured animations from our community (lottiefiles.com) มีทั้งฟรีและไม่ฟรี แต่สวยงามทั้งนั้น ใช้งานง่าย โหลดไม่หนักเนื่องจากใช้งานผ่านระบบไฟล์ json ไม่ใช่ไฟล์ภาพ
Iconify
บางครั้ง design system ที่ใช้อยู่ icon มันไม่เพียงพอ เราขอแนะนำจักรวาลแห่ง Icon รวบรวมทุกแขนงมาให้แล้วที่ Iconify สามารถเลือกและวางลงในงานออกแบบได้เลย สะดวก รวดเร็วไปอีก
ข้อควรระวัง
เนื่องจากบาง icon set ไม่สามารถใช้งานได้ในงาน coding เนื่องจากต้องมีการจ่ายเงิน ดังนั้น ก่อนใช้งานโปรดตรวจสอบก่อน (แนะนำ Material Icon จาก Google font)
Mockuuups Studio
เครื่องมือการทำ mockup หรือทดสอบการนำงานที่ออกแบบเสร็จแล้วมาวางบนอุปกรณ์จริงที่เป็นรูปและนำไปใส่ในงานนำเสนอ ดูมืออาชีพ ดูแพง
นอกจาก Mockuuups Studio แล้วยังมี plugin ที่ใกล้เคียงกันคือ Mockup – Figma