เรากำลังทำผิดพลาดแบบเดิมเหมือนยุค Dreamweaver อีกครั้ง

AI กำลังทำให้งานดีไซน์กลับมาควบคุมโค้ดอีกครั้ง

เป็นเวลา 20 ปีที่อุตสาหกรรมพยายามแยกงานดีไซน์ออกจากโค้ด ดีไซน์เนอร์ทำหน้าที่ออกแบบ นักพัฒนาทำหน้าที่สร้าง และมีมนุษย์เป็นผู้แปลความหมายระหว่างทั้งสองส่วน

ตอนนี้ ลูกตุ้มกำลังแกว่งกลับมา AI นำไฟล์ดีไซน์มาเขียนโค้ดโดยตรง ฟังดูรวดเร็วและดูเหมือนจะมีประสิทธิภาพ แต่มันกำลังสร้างความเสี่ยงมหาศาล

ในยุค Dreamweaver สมัยก่อน มีมนุษย์คอยอยู่ตรงกลางเพื่อควบคุมคุณภาพ แต่เมื่อเป็น AI งานดีไซน์จะถูกเปลี่ยนเป็นโค้ดโดยตรงโดยไม่มีใครคอยควบคุมทิศทาง

นี่ไม่ใช่ปัญหาที่ตัวดีไซน์เนอร์ เพราะดีไซน์เนอร์ทำงานได้ยอดเยี่ยมอยู่แล้ว ไฟล์ดีไซน์ถูกตัดสินจากรูปลักษณ์ที่เห็น แต่ Design system ถูกตัดสินจากวิธีการทำงาน การขยายตัว (scale) และความคงทนในการใช้งาน

AI กำลังทำให้เส้นแบ่งนี้พร่าเลือน มันปฏิบัติกับ design snapshot ราวกับว่าเป็นรากฐานที่ถาวร

นี่คือสองสาเหตุหลักที่ทำให้เกิดความล้มเหลว:

  • Naming errors: ทีมงานสร้าง code pipelines โดยอิงจากชื่อที่ดีไซน์เนอร์เลือกใน Figma หากดีไซน์เนอร์เปลี่ยนชื่อตัวแปร pipeline ของโค้ดทั้งหมดจะพังทันที เพราะ AI ไม่สามารถแยกแยะความแตกต่างระหว่างค่าทางภาพ (visual value) กับเจตนาในการทำงาน (functional intent) ได้
  • Missing context: ไฟล์ดีไซน์แสดงเพียงสถานะเดียวของหน้าจอหนึ่งหน้า แต่มันไม่ได้แสดง error states, loading states หรือวิธีการที่ฐานข้อมูลส่งข้อมูลไปยัง UI ตรรกะเหล่านั้นอยู่ในโค้ด ไม่ใช่ในไฟล์ดีไซน์

อุตสาหกรรมกำลังพยายามแก้ไขเรื่องนี้ Google ได้เปิดตัว DESIGN.md เป็น open-source เพื่อให้ AI มีโครงสร้างมากขึ้น ส่วนเครื่องมืออย่าง Fixel ก็ช่วยตรวจจับ "design drift" โดยการตรวจสอบโค้ดเทียบกับ Figma ในระหว่างการทดสอบ

แต่ถึงแม้จะมีเครื่องมือเหล่านี้ ช่องว่างก็ยังคงอยู่

ดีไซน์ไม่ใช่รากฐาน แต่มันคือ snapshot

ทางออกที่แท้จริงไม่ใช่การเปลี่ยนดีไซน์เนอร์ให้กลายเป็นวิศวกร แต่คือการเพิ่มศักยภาพให้ UX engineer เข้ามาดูแลส่วน "ตรงกลาง"

ส่วนตรงกลางคือสะพานที่:

  • Design tokens ถูกจับคู่เข้ากับมาตรฐานสากล
  • AI เสนอโค้ดโดยอิงจากระบบที่มีอยู่เดิม
  • มนุษย์เป็นผู้ตัดสินใจขั้นสุดท้ายในด้านสถาปัตยกรรม (architectural decisions)

AI เก่งมากในระดับ snapshot มันช่วยให้คุณจบโปรเจกต์ได้เร็วขึ้น แต่คุณค่าที่แท้จริงต้องอาศัยรากฐานที่มั่นคง

อย่าปล่อยให้ดีไซน์เป็นตัวขับเคลื่อนโค้ดโดยไม่มีมนุษย์คอยควบคุม บทบาทของวิศวกรกำลังเปลี่ยนไป คุณไม่ได้เป็นเพียงผู้แปลความหมายอีกต่อไป แต่คุณกำลังจัดการ "contract" ระหว่างวิสัยทัศน์และระบบ

คุณจะตัดสินใจอย่างไรว่าอะไรควรอยู่ในมือคุณ และอะไรควรส่งต่อให้ AI?

Source: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema

Optional learning community: https://t.me/GyaanSetuAi