Stitch by Google เปิด DESIGN.md
Stitch by Google เปิด DESIGN.md — ไฟล์เดียวที่บอก AI ว่า “ดีไซน์นี้ควรใช้ยังไง” แบบไม่ต้องเดา
ปกติเวลาเราใช้ AI ออกแบบ UI ปัญหาคือมันเดาเอาเองจาก prompt ว่าสีนี้ควรใช้ตรงไหน ฟอนต์นี้ควรใช้ยังไง ซึ่งบางทีก็เพี้ยน แต่ DESIGN.md คือการเขียน “คู่มือดีไซน์” ให้ AI อ่านโดยตรง
ไอเดียมันง่ายมาก คือเอา design tokens เช่น สี ฟอนต์ spacing มาเขียนรวมกับคำอธิบายภาษาคนในไฟล์เดียว เช่น สีนี้คือ primary ใช้กับข้อความหลัก ห้ามใช้กับพื้นหลังเข้ม แบบนี้ AI จะเข้าใจบริบท ไม่ใช่แค่จำค่าสี
อีกจุดที่ดีคือมันผูก token เข้าหากันได้ เช่น สีหลักเชื่อมกับระบบ semantic ทั้งหมด เวลาแก้จุดเดียว ทั้งระบบเปลี่ยน และ AI ยังเข้าใจโครงสร้างนี้ต่อได้ ไม่ใช่ค่ากระจัดกระจาย
มันยังเอาไปใช้ต่อกับเครื่องมืออื่นได้ เช่น Tailwind CSS แปลว่าไฟล์นี้มีโอกาสกลายเป็น “แหล่งข้อมูลหลัก” ของดีไซน์ทั้งโปรเจกต์ ไม่ต้องไปเปิดหลายที่
เรื่อง accessibility ก็ช่วยเช็คให้ด้วย เช่น สีที่เลือก contrast ไม่พอ ระบบเตือนเลย ทำให้ดีไซน์ไม่ได้แค่สวย แต่ถูกต้องตามมาตรฐานด้วย
ของใหม่ที่เพิ่มเข้ามาคือ Tokens Section ที่จัด token กับคำอธิบายให้อยู่ด้วยกัน อ่านง่ายขึ้น และ Components Section ที่กำลังทดลอง ซึ่งเริ่มให้กำหนด UI ที่ใช้ซ้ำได้ ถ้าส่วนนี้นิ่ง AI จะสร้างหน้าจอได้แม่นขึ้นอีก
และมี CLI tool สำหรับเช็คไฟล์แบบเดียวกับโค้ดเลย ทั้ง lint และ diff ทำให้ design system เริ่มมีระบบควบคุมเหมือนการเขียนโปรแกรม
สรุปง่าย ๆ DESIGN.md คือการเปลี่ยนจาก “ดีไซน์ที่อยู่ในหัวคนหรือใน Figma” ให้กลายเป็น “ไฟล์ที่ AI อ่านแล้วทำตามได้ทันที” ซึ่งผมมองว่านี่แหละคือก้าวสำคัญของยุค AI Design จริง ๆ
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac