Figma Plugins แนะนำ
รวม Plugin Figma แนะนำที่ช่วยให้ UX/UI Designer ทำงานได้เร็วขึ้น ครอบคลุมทั้งรูปภาพ ไอคอน ข้อความจำลอง สี เงา และ Design System
รูปภาพ / Stock PhotosUnsplash
Plugin สำหรับดึงรูปภาพคุณภาพสูงจาก Unsplash มาใช้งานใน Figma ได้โดยตรง เหมาะกับการออกแบบ Landing Page, Hero Section, Profile Card, App Mockup หรือหน้าจอที่ต้องการใช้ภาพประกอบให้ดูสมจริงมากขึ้น
เหมาะกับ: การใส่รูปภาพในงาน UI Mockup อย่างรวดเร็ว
IconsIconify
Plugin รวมไอคอนจำนวนมาก สามารถค้นหาและนำไอคอนแบบ Vector / SVG มาใช้ใน Figma ได้ทันที เหมาะกับงาน UI Design, Design System, Navigation, Button, Dashboard, Empty State และ Component ต่าง ๆ
เหมาะกับ: การหาและใส่ไอคอนในงานออกแบบอย่างรวดเร็ว
ข้อความจำลอง / Placeholder TextLorem Ipsum
Plugin สำหรับสร้างข้อความตัวอย่างหรือ Placeholder Text ใน Figma เหมาะกับช่วง Wireframe, Layout Design หรือช่วงที่ยังไม่มี Content จริง ช่วยให้สามารถทดสอบโครงสร้างหน้าจอและพื้นที่ของข้อความได้ง่ายขึ้น
เหมาะกับ: การใส่ข้อความจำลองใน Wireframe และ UI Layout
Mock Data / Realistic ContentContent Reel
Plugin สำหรับใส่ข้อมูลตัวอย่างที่ดูสมจริง เช่น ชื่อคน อีเมล เบอร์โทร ที่อยู่ Avatar ไอคอน และข้อความตัวอย่าง ช่วยให้งานออกแบบดูใกล้เคียง Product จริงมากกว่าการใช้ Lorem Ipsum อย่างเดียว
เหมาะกับ: การทำ UI Mockup, Form, Profile, Dashboard และหน้าจอที่ต้องใช้ข้อมูลจำลอง
สี / Visual DesignColor Palettes
Plugin สำหรับค้นหาและเลือกชุดสีสำเร็จรูป ช่วยให้เริ่มต้นออกแบบ Visual Direction ได้ง่ายขึ้น เหมาะกับการทำ Moodboard, ทดลองโทนสี, หาแรงบันดาลใจด้านสี หรือเลือกคู่สีสำหรับงาน UI
เหมาะกับ: การเลือกชุดสีและทดลอง Color Combination สำหรับงานออกแบบ
Visual Effects / UI PolishBeautiful Shadows
Plugin สำหรับสร้างเงาที่ดูนุ่ม สมจริง และสวยงามใน Figma โดยไม่ต้องปรับค่า Shadow หลายชั้นเอง เหมาะกับ Card, Modal, Button, Floating Panel และ Component ที่ต้องการเพิ่มมิติให้กับหน้าจอ
เหมาะกับ: การทำให้ UI ดูมีมิติและดู Professional มากขึ้น
Design System / DocumentationLocal Print
Plugin สำหรับช่วยจัดทำเอกสารของ Local Variables และ Text Styles ที่อยู่ในไฟล์ Figma เหมาะกับการทำ Design System Documentation, Token Overview, Style Guide และการเตรียมข้อมูลสำหรับส่งต่อให้ทีม Design หรือ Developer
เหมาะกับ: การจัดทำเอกสาร Design System, Variables และ Text Styles
Design System / Component DocumentationPropstar
Plugin สำหรับสร้างตารางแสดง Component Variants และ Component Properties ทั้งหมดออกมาอย่างเป็นระบบ เหมาะกับการทำเอกสาร Component เช่น Button, Form, Card, Badge, State ต่าง ๆ เพื่อให้ทีมเห็นภาพรวมของ Component ได้ชัดเจน
เหมาะกับ: การทำ Component Documentation และ Variant Table สำหรับ Design System
รายชื่อ Plugin นี้จัดทำขึ้นเพื่อแนะนำเครื่องมือสำหรับการเรียนรู้ UX/UI เท่านั้น ไม่ได้มีความเกี่ยวข้องหรือได้รับการสนับสนุนจาก Figma หรือเจ้าของ Plugin
โลโก้ ชื่อ Figma และชื่อ Plugin ต่าง ๆ เป็นเครื่องหมายการค้าของเจ้าของลิขสิทธิ์นั้น ๆ
