Anthropic อัปเดต Claude Design ใหม่
Anthropic อัปเดต Claude Design ใหม่ — คราวนี้ Claude Design กับ Claude Code "คุยกันสองทาง" ได้แล้ว
ทุกคนที่เคยลองให้ AI ทำสไลด์ ทำหน้าเว็บ ทำ prototype น่าจะเจอปัญหาเดียวกันคือ มันสวยก็จริง แต่พอจะเอาไป build จริงก็ขาดช่วง ต้องแคปจอ ต้องเริ่มใหม่ ไป-กลับระหว่าง "ดีไซน์" กับ "โค้ด" ทุกที
จุดที่ผมว่าเป็นหมัดเด็ดรอบนี้คือ two-way sync — Anthropic บอกเองว่า Claude Design กับ Claude Code "ทำงานร่วมกันได้ทั้งสองทาง" (ประกาศว่าเริ่มทยอยเปิดวันนี้) แปลว่า:
- ดีไซน์เสร็จใน Claude Design → ส่งต่อให้ Claude Code build ต่อจากงานเดิม ไม่ต้องแคปจอ ไม่ต้องเริ่มใหม่
- หรือเริ่มจากฝั่ง Claude Code เลยก็ได้ → ใช้คำสั่ง /design ในเทอร์มินัลเพื่อสร้าง/แก้/import/export งานดีไซน์ และ sync design system จาก codebase จริงผ่าน /design-sync
ช่องว่างระหว่าง "ดีไซน์" กับ "โค้ดจริง" เลยแคบลงเยอะครับ — อันนี้คือสิ่งที่ผมว่าน่าสนใจสุด (ย้ำว่าเป็นช่วงทยอยเปิด อาจยังไม่ได้ครบทุกคนพร้อมกัน)
ที่อัปมาเพิ่มอีก:
- ยึด design system จริงของเราได้ — ใส่เข้าไปได้ทั้งจาก repo (โค้ดจริง), จากไฟล์ดีไซน์, หรือ asset อย่างโลโก้กับ palette แล้วงานต่อ ๆ ไปหยิบสี ฟอนต์ component ของเรามาใช้เองอัตโนมัติ แถม Claude เช็คเองว่าตรง brand guideline ไหมก่อนเอามาให้ดู
- แก้งานบน canvas ได้ตรง ๆ — กดแก้ข้อความ ปรับ spacing สี layout สด ๆ คอมเมนต์จี้ที่ element ได้เลย
- export ออกได้หลายแบบ ทั้ง PDF, PowerPoint (PPTX), Canva และไฟล์ HTML
ฟันธงตามจริง: นี่ยังเป็น research preview อยู่ ใช้ได้เฉพาะแพลนเสียเงิน (Pro / Max / Team / Enterprise) ฝั่ง Free ยังไม่ได้ใช้ และ Enterprise ต้องให้แอดมินเปิดให้ก่อน เบื้องหลังรันด้วยโมเดล Claude Opus 4.7
สรุปสั้น ๆ ของจริงไม่ใช่ "AI ทำดีไซน์สวย" เพราะอันนั้นมีกันหมดแล้ว แต่คือ design กับ code มันต่อกันสองทางในสายเดียว — นี่แหละที่ทำให้ระยะจาก "ภาพในหัว" ไปถึง "ของที่รันได้จริง" สั้นลง
ใครได้ลองแล้วเป็นยังไงมาเล่าให้ฟังกันได้ครับ
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac