ผมใช้เวลาทั้งวันนี้นั่งเถียงกับตัวเองว่าสีเทาควรอุ่นแค่ไหน
ไม่ได้ล้อเล่น การ์ดที่ผมทำลงเพจมันออกมามืดไป อ่านลำบาก พื้นเข้มเกือบดำสนิท ตัวหนังสือขาวจ้า มันแสบตา ผมเลยต้องไปรื้อเรื่องสีใหม่หมด — พื้นเข้มควรเป็น #1E1A16 (อุ่นนิดๆ) ไม่ใช่ #13110E (ดำสนิท), ตัวหนังสือใช้ off-white ไม่ใช่ขาวจ้า, สีแดงบนพื้นเข้มต้องสว่างขึ้นถึงจะอ่านสบาย แล้วจดมันเป็นกฎไว้ในเว็บตัวเอง กันพลาดซ้ำ
งานน่าเบื่อ จำเป็น แต่ไม่มีใครอยากทำ
แล้วพอเงยหน้าขึ้นมา ก็เห็นข่าวว่า Claude Design เพิ่งอัปเดตให้ AI ทำงานแบบนี้แทน
ปัญหาเก่าที่ทุกคนเจอ
AI ที่ทำ design ภาพสวยๆ มีมานานแล้ว พิมพ์บอกว่าอยากได้หน้า landing page มันก็ gen ออกมาให้ สวยระดับหนึ่ง
แต่มันออกมา generic สวยแบบ template ที่ไม่ใช่ของเรา สีไม่ตรงแบรนด์ ปุ่มไม่เหมือนที่เราใช้ ฟอนต์มั่ว อยากแก้ให้ตรงก็ทำได้แค่พิมพ์ prompt ใหม่แล้วลุ้นเอา สุดท้ายหลายคนเลยได้ภาพสวยที่เอาไปใช้จริงไม่ได้ ต้องรื้อทำเองอยู่ดี
ปัญหานี้คลาสสิกมาก จนกลายเป็นคำบ่นประจำของคนใช้ AI ทำงานออกแบบ
ดังนั้นพอ Claude Design บอกว่ารอบนี้มันจะยึด design system ที่เราป้อนเข้าไป ไม่ใช่ gen มั่ว ผมเลยสะดุด เพราะถ้าทำได้จริง นี่คือการแก้ที่ต้นเหตุ
มันเปลี่ยนตรงไหน
เท่าที่อ่านจากที่ Anthropic ประกาศ (17 มิ.ย.) การเปลี่ยนใหญ่อยู่ที่ “มันรู้จักระบบของเราก่อนจะลงมือ”
เราเอาระบบดีไซน์ของตัวเอง — สี ปุ่ม ฟอนต์ที่ใช้ประจำ — ป้อนเข้าไป (จะดึงจากไฟล์งานเดิม หรืออัปโหลดเข้าไปตรงๆ ก็ได้) จากนั้นมันสร้างงานด้วยของเรา ไม่ใช่ template กลางๆ ที่เด็ดคือมันเช็คงานตัวเองกับระบบ แล้วแก้ให้ตรงก่อนที่เราจะเห็นด้วยซ้ำ
แล้วถ้าอยากแก้ ก็ไม่ต้องมานั่ง prompt ใหม่ ลากแก้บน canvas ตรงๆ ได้เลยแบบเห็นอะไรได้อย่างนั้น (WYSIWYG) มันอัปเดตโค้ดข้างหลังให้เอง แก้ที่ภาพ โค้ดจริงของเว็บก็เปลี่ยนตาม แก้ที่โค้ด ภาพก็เปลี่ยนตาม
เดี๋ยวนะ อ่านถึงตรงนี้ผมหยุดคิดเลย เพราะ “เช็คงานกับระบบแล้วแก้ให้ตรง” คือสิ่งที่ผมเพิ่งนั่งทำด้วยมือมาทั้งวัน
ผมยังลองมันไม่ได้ — แต่ผมรู้ว่ามันยากตรงไหน
ขอพูดตรงๆ ก่อน ผมยังไม่ได้ลอง Claude Design เอง มันเปิด beta เฉพาะ plan Pro/Max/Team/Enterprise และตอนผมลองหาในแอปตัวเอง มันยังไม่โผล่ให้เห็นด้วยซ้ำ (กดเข้า claude.ai/design มันเด้งกลับมาหน้าแชทเฉยเลย) เพราะงั้นผมจะไม่มาเล่าว่า “ผมลองแล้วมันเทพ” ทั้งที่ยังไม่ได้แตะ
แต่ผมลองอีกด้านมาเต็มๆ คือการนั่งสร้าง design system ด้วยมือ
วันนี้ทั้งวันผมทำเรื่องเดียว — ทำให้งานของเว็บนี้มีระบบ ไม่ใช่สวยรายชิ้น ผมเขียนกฎเรื่องคู่สีกับการคุมโทนลงไฟล์ พื้นเข้มใช้ค่าไหน ตัวหนังสือสามระดับใช้ค่าไหน สีแดงบนพื้นสว่างกับพื้นเข้มต้องคนละเฉด ฟังดูจุกจิก แต่นี่แหละที่ทำให้งานชุดหนึ่งดูเป็นพวกเดียวกัน แทนที่จะมั่วคนละทิศ
และมันยากกว่าที่คิด กว่าจะรู้ว่าดำสนิททำให้ตาล้า ต้องขยับมาเป็นดำอุ่นๆ ผมต้องไปไล่อ่านเรื่องสายตากับ contrast อยู่พักใหญ่ นี่แค่เรื่องสีเรื่องเดียว design system จริงมีอีกเป็นร้อยกฎ
พอรู้ว่ามันยากแค่ไหน ผมเลยเข้าใจทันทีว่าถ้า AI ทำตรงนี้ได้จริง มันมีค่าแค่ไหน ไม่ใช่เพราะมันวาดสวยขึ้น แต่เพราะมันไม่หลุดกรอบ
ความเก่งที่น่าสนใจไม่ใช่ “สวยขึ้น”
จุดที่ผมว่าคนมองข้ามคือ อัปเดตนี้ไม่ได้ทำให้ AI วาดสวยขึ้น มันทำให้ AI มีวินัยขึ้น
AI ที่ gen อะไรสวยๆ ได้ มีเยอะแล้ว แต่ของที่ออกมาสวยแต่ไม่ใช่ของเรา คือขยะที่ต้องรื้อ ความเก่งรอบใหม่คือการอยู่ในกรอบที่เรากำหนด ป้อนระบบให้แล้วมันไม่ออกนอกลู่ นี่คือเส้นแบ่งระหว่าง AI ที่เป็นของเล่น กับ AI ที่เอาไปใช้งานจริงได้
แล้วมันก็ตลกดี ที่วันเดียวกันผมนั่งสอนตัวเองให้อยู่ในกรอบด้วยมือ เขียนกฎ จดค่าสี กันตัวเองหลุด ส่วนเครื่องมือ AI ก็กำลังเรียนเรื่องเดียวกัน งานที่ผมทำด้วยความปวดหัววันนี้ อาจเหลือแค่ปุ่มเดียวในอีกไม่นาน
แต่ “อีกไม่นาน” ยังไม่ใช่ตอนนี้
ตอนนี้ผมยังต้องนั่งเถียงกับตัวเองว่าสีเทาควรอุ่นแค่ไหน และบางที การได้ทำมันด้วยมือก่อน ก็ทำให้ผมรู้ว่าจะวัดเครื่องมือพวกนี้ยังไงตอนมันมาถึงจริงๆ
ถ้าวันนึง AI ทำ design system ให้ได้ทั้งระบบ เราจะยังอยากรู้ไหม ว่ามันเลือกสีนั้นเพราะอะไร