ดีไซน์ / Design Systems
ดีไซน์ที่สม่ำเสมอ
และรองรับการขยาย
Design System คือชุดชิ้นส่วนกลางที่ใช้สร้างผลิตภัณฑ์ทั้งตัว ทั้งสี ตัวอักษร ระยะห่าง ปุ่ม ฟอร์ม และ Pattern ต่างๆ ที่กำหนดไว้ที่เดียวแล้วเอาไปใช้ซ้ำได้ทุกที่ เราทำทั้งใน Figma และในโค้ดไปพร้อมกัน ดีไซเนอร์กับนักพัฒนาจะได้หยิบชิ้นส่วนชุดเดียวกันไปใช้ ไม่ต้องวาดใหม่หรือเขียนโค้ดใหม่ทุกโปรเจกต์ ถ้าตอนนี้เว็บแอป โมบายแอป และเว็บการตลาดของคุณเริ่มดูเหมือนมาจากสามบริษัท นี่คือทางแก้ที่ตรงจุด และจะคุ้มที่สุดตอนที่กำลังจะเปิดผลิตภัณฑ์ที่สองหรือที่สาม หรือมีหลายทีมออกแบบหน้าจอพร้อมกัน
- Design Token สำหรับสี ตัวอักษร ระยะห่าง เงา และ Animation ที่ใช้ร่วมกันทั้งใน Figma และโค้ด
- Component Library ใน Figma ที่มี Variant และ State ครบ พร้อมชุดที่ตรงกันใน React, Vue หรือ Angular
- แนวปฏิบัติและเว็บเอกสาร ให้ทุกคนรู้ว่าควรใช้ Component ไหนตอนไหน และเพราะอะไร
- ตรวจ Accessibility ทุก Component ทั้งคอนทราสต์ การใช้คีย์บอร์ด ลำดับ Focus และ Screen Reader
- รองรับข้อความไทยและอังกฤษอย่างถูกต้อง รวมถึงความสูงบรรทัดและ Font สำรองสำหรับตัวอักษรไทย
- จัดการเวอร์ชัน เขียนบันทึกการย้ายระบบ และวางขั้นตอนการมีส่วนร่วม เพื่อให้ระบบตามทันผลิตภัณฑ์