เดิมทีถ้าเราอยากเห็นหน้าตางานก่อนลงมือเขียนโค้ด ทางเลือกมีอยู่สองทาง คือพิมพ์อธิบายให้ AI แล้วรับโค้ดกลับมาเลย หรือออกไปเปิดเครื่องมือออกแบบอีกตัวหนึ่งแล้วค่อยกลับเข้ามา วันที่ 17 สิงหาคม 2026 Claude Code เพิ่มสกิล /design เข้ามาในสถานะ early preview ซึ่งเปลี่ยนตรงนี้ไป มันยกกระดานออกแบบของ Claude Design เข้ามาไว้ในที่เดียวกับที่เราเขียนโค้ดอยู่แล้ว
/design คืออะไร ทำงานยังไง
ขั้นตอนคือเราอธิบายสิ่งที่อยากได้ แล้วผลลัพธ์จะออกมาเป็น Artifact หนึ่งหน้า ที่มีหลาย artboard วางอยู่บน canvas เดียวกัน เลื่อนและซูมดูได้เหมือนกระดานจริง แต่ละ artboard ไม่ใช่ภาพนิ่ง มันคือไฟล์ .dc.html ที่เป็น HTML จริง
จากนั้นเราเลือกแบบที่ชอบแล้วแก้ด้วยมือได้ คลิกเลือกชิ้นงานได้ มี properties panel ให้ปรับ แก้ข้อความในที่ได้เลย และมี undo/redo กด Save เมื่อไหร่ งานจะถูกเผยแพร่เป็นเวอร์ชันใหม่ ให้ทุกคนที่เปิดลิงก์เดียวกันเห็นตาม สำหรับบัญชีที่ไม่มีสิทธิ์ save จะได้แค่ดูงานและส่งออกเป็น PNG หรือ PDF พอได้แบบที่พอใจแล้วค่อยสั่งให้เขียนโค้ดต่อ
<!-- TODO: ภาพหน้าจอ properties panel จากเด็ค PDF — ยังไม่มีไฟล์ในรีโป -->
ข้อควรรู้อย่างหนึ่งคือ /design ใช้สำหรับสร้างใหม่เท่านั้น canvas ที่มีอยู่แล้วต้องกลับไปแก้ใน Artifact ของมันเอง
เอาไปทำอะไรได้บ้าง
ที่ระบุไว้มีห้ากลุ่ม คือม็อกอัปหน้าจอและโฟลว์ของงาน, landing page, กราฟิกสำหรับการตลาดและโซเชียล, งานสิ่งพิมพ์อย่างโปสเตอร์ ใบปลิว โบรชัวร์ และบันทึกหรือรายงานแบบบอร์ดยาวแผ่นเดียว
/design กับ Claude Design ต่างกันตรงไหน?
ตรงนี้คนสับสนกันเยอะ สองอย่างนี้เป็นคนละตัวกัน
Claude Design เป็นเครื่องมือของ Anthropic Labs เปิดตัววันที่ 17 เมษายน 2026 ใช้โมเดล Claude Opus 4.7 อยู่บนเว็บที่ claude.ai/design หน้าตาเป็นแชตคู่กับ canvas สถานะยัง beta ใช้ได้กับแผน Pro, Max, Team และ Enterprise โดย Enterprise ปิดไว้เป็นค่าเริ่มต้น ต้องให้แอดมินเปิดให้ ส่งออกได้หลายแบบทั้ง .zip, PDF, PPTX และ HTML ต่อกับ Canva, Miro, Vercel และตัวอื่นได้ นอกจากนี้ยังมีคำสั่ง /design-sync สำหรับดึง design system ของโปรเจกต์เข้าไปใช้ใน Claude Code
ส่วน /design คือสกิลที่อยู่ใน Claude Code และทางผู้พัฒนาบอกไว้ตรงๆ ตั้งแต่แรกว่า ไม่ได้ตั้งเป้าให้ความสามารถเท่ากับ claude.ai/design
จุดที่ต้องระวังมากที่สุดคือ เงื่อนไขแผน Pro/Max/Team/Enterprise ที่ว่ามานั้นเป็นของ Claude Design ไม่ใช่ของ /design สำหรับ /design ยังไม่มีประกาศทางการเรื่องเงื่อนไขแผน ใครเห็นข่าวที่เขียนรวมกันไว้ ให้ตั้งข้อสังเกตไว้ก่อน
ข้อจำกัดที่ควรรู้ก่อนลอง
ตัวแก้ไขถูกฝังลงไปในไฟล์ตอนเผยแพร่ แปลว่างานที่ save ไว้แล้วจะไม่อัปเดตตามเวอร์ชันใหม่ของตัวแก้ไข
properties panel ผูกกับ artboard ทีละอัน จะลากชิ้นงานข้ามบอร์ดไม่ได้ ต้องคัดลอกแล้ววางแทน
PDF ที่ส่งออกมาเป็นภาพ ข้อความเลือกไม่ได้ ถ้าต้องส่งให้โรงพิมพ์หรือให้คนอื่นก๊อปข้อความไปใช้ต่อ ต้องเผื่อขั้นตอนนี้ไว้
ยังไม่มีระบบ design system color token และยังไม่มีลูปที่สั่งให้เอเจนต์แก้งานให้เป็นรอบๆ
และถ้าสองคนแก้พร้อมกัน คนที่กด save ทีหลังจะชนกัน ระบบไม่รวมงานให้
เหมาะกับใคร ไม่เหมาะกับใคร
เหมาะกับคนที่ทำงานคนเดียวหรือทีมเล็ก อยากเห็นเลย์เอาต์จริงก่อนลงมือเขียนโค้ด และอยากเก็บทุกอย่างไว้ในที่เดียวกับที่ทำงานอยู่ เหมาะกับงานที่ต้องขยับด้วยมือนิดหน่อย แบบที่การพิมพ์สั่งแก้ซ้ำๆ ช้ากว่าการคลิกลาก และเหมาะกับงานสร้างใหม่
ยังไม่เหมาะกับทีมที่ต้องแก้ไฟล์เดียวกันพร้อมกันหลายคน คนที่ต้องส่งงานเป็น PDF ที่เลือกข้อความได้หรือเป็น PPTX คนที่ต้องยึด design system ของบริษัทอย่างเคร่งครัด และคนที่ต้องการกลับไปแก้ canvas เดิม เพราะกรณีนั้นต้องไปทำใน Artifact ของงานนั้นโดยตรง
สถานะตอนนี้ยังเป็น early preview ควรมองว่าเป็นของที่เอาไว้ร่างงานให้เห็นภาพเร็วขึ้น มากกว่าเครื่องมือออกแบบตัวหลัก