Design System
What is a design system?
การนำเอา Design System มาใช้งานจะสร้างความสมดุลและความคงเส้นในการออกแบบ เพราะมีความเป็นระเบียบเดียวกันทั้งหมด สิ่งเหล่านี้เกิดจากการกำหนดขนาดและช่องว่างที่เหมาะสมใน Design System รวมถึงการกรองและคัดเลือกสไตล์การออกแบบอย่างถูกต้อง
Ant Design Open Source
Ant design เป็น Open source UI framework ที่รองรับการทำงานบน React Vue.js Angular .NET และภาษาอื่นๆ ซึ่งมี component สำเร็จรูปพร้อมสร้างระบบได้ครบถ้วน เน้นการตกแต่งด้วยสไตล์เหลี่ยมๆ สบายตา สีน้อย แต่เนื่องจากผู้สร้างเป็นทางฝั่งจีนเพราะฉะนั้น คู่มือบางอย่างก็ยังเป็นภาษาจีน ทำให้ยากต่อการหาข้อมูล
website:: Ant Design - The world's second most popular React UI framework
นอกจาก Ant Design แล้วยังมี design system สำเร็จรูปอีกหลายแบรน ไม่จำเป็นต้องสร้างเอง ซึ่งการเลือกมาใช้งานขึ้นกับความต้องการของลูกค้าและผู้ออกแบบ
MUI for Figma
MUI หรือ Material UI เป็น UI framework ที่ base on design guideline ของ Google รองรับการทำงานบน React Vue.js Angular .NET และภาษาอื่นๆเช่นกัน เน้นการใช้งาน mobile friendly หน้าตาเหมือนระบบปฏิบัติการ Android
website:: MUI: The React component library you always wanted
IBM Carbon Design System
Carbon Design System เป็น Open source เกิดจากบริษัท IBM หน้าตาระบบเน้นไปทางการใช้งาน ปุ่มใหญ่ๆ แต่มีความสวยงามไปในอีกแนว รองรับการพัฒนาบน React
website:: Carbon Design System