หลังจากที่ Google Stitch เพิ่มไฟล์ DESIGN.md เข้ามา
เพื่อใช้อธิบาย style guide ของระบบงานให้ AI Agent for coding เข้าใจ
ได้เปิดออกมาเป็น opensource แล้ว
ซึ่งมีทั้ง specification และ CLI tools เช่น
- Linit
- Diff change
- Export ไปเป็น CSS หรือ Tailwind CSS
ตัวอย่างของไฟล์ DESIGN.md
ประกอบไปด้วย 2 layer คือ YAML สำหรับอธิบายเพื้อให้ machine/AI เข้าใจ
- Color
- Typography
- Layout
- Elevation & Depth
- Shape และ component
- Do and Don’t
และส่วนของ Markdown นั้น ใช้สำหรับอธิบายให้คนเข้าใจ
ทำการ export ผ่าน CLI ดังนี้
ลองใช้งานกันดูครับ กับ DESIGN.md
