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