Anthropic สร้างแรงสั่นสะเทือนให้วงการดีไซน์อีกครั้งด้วยการเปิดตัว Claude Design แพลตฟอร์มออกแบบ UI ที่ขับเคลื่อนด้วยโมเดลเรือธงตัวใหม่อย่าง Opus 4.7 ชูจุดขายด้านการแปลงไฟล์ Figma, GitHub repository หรือเอกสาร Design System แบบ PDF ให้กลายเป็น Interactive Working Prototype พร้อมแอนิเมชันและ Shader ได้ทันทีบนแคนวาสเดียว ส่งผลให้หุ้นของ Figma ร่วงลงถึง 7% ภายในไม่กี่ชั่วโมงหลังการเปิดตัว พร้อมจุดประเด็นถกเถียงว่าเครื่องมือออกแบบแบบดั้งเดิมกำลังจะถูกท้าทายครั้งใหญ่หรือไม่

ช่อง Fireship (The Code Report) ได้ทดลองใช้งานจริงผ่านโจทย์สร้าง iOS onboarding flow สำหรับแอป "Horse Tinder" เพื่อพิสูจน์ว่าฟีเจอร์ที่เห็นในคลิปเดโมจะใช้งานได้จริงแค่ไหนเมื่อเจอกับโจทย์ในชีวิตจริง

1. ขีดความสามารถของ Claude Design

Claude Design รองรับอินพุตหลากหลายรูปแบบและยืดหยุ่นกว่าคู่แข่งในตลาด ผู้ใช้สามารถโยนไฟล์ Figma เข้าไปตรงๆ เชื่อมต่อกับ GitHub repo ที่เก็บ design system ของทีม หรือแม้กระทั่งอัปโหลด PDF design guideline เข้าไปเป็นต้นแบบ ในทางทฤษฎี ดีไซเนอร์อาจออกแบบหน้าจอหลักเพียงไม่กี่หน้า แล้วปล่อยให้ Claude Design สานต่อหน้าจอที่เหลือทั้งหมดตาม guideline

สิ่งที่ได้ออกมาไม่ใช่แค่ม็อกอัปภาพนิ่ง แต่เป็น Working Prototype ที่โต้ตอบได้จริง มี interactive sliders และสร้างแอนิเมชันหลากหลายสไตล์ให้เลือกเปรียบเทียบ เช่น สั่งให้เจน loading spinner 100 แบบเพื่อเลือกตัวที่เข้าตาที่สุด หรือสร้าง flow แชตหลากดีไซน์ในคำสั่งเดียว

จุดที่สร้างความฮือฮาที่สุดคือการรองรับ Shader สำหรับงานกราฟิกขั้นสูงที่นักพัฒนาเว็บส่วนใหญ่มักหลีกเลี่ยง รวมถึงการเจน Video Animation ความยาวเกิน 1 นาทีได้ในพรอมต์เดียว ทำให้หลายคนเริ่มจับตาว่าเครื่องมือนี้อาจส่งผลกระทบไปถึงงานตัดต่อวิดีโอระดับเริ่มต้นด้วยเช่นกัน

2. ขุมพลังเบื้องหลัง: สเปกของโมเดล Opus 4.7

เบื้องหลังของ Claude Design คือโมเดล Opus 4.7 ที่อัปเกรดความสามารถด้าน Vision รองรับภาพความละเอียดสูงสุด 3.75 ล้านพิกเซล (ขอบยาวสุด 2,576 พิกเซล) ซึ่งใหญ่พอที่จะอ่านรายละเอียดของ Figma frame หรือภาพแคปหน้าจอ Desktop ทั้งหน้าได้คมชัดโดยไม่ต้องย่อขนาดจนสูญเสียดีเทล

ด้านการเขียนโค้ด Opus 4.7 ทำคะแนนได้ 87.6% บน Software Engineering Benchmark สูงขึ้นจากรุ่น 4.6 อย่างเห็นได้ชัด (แม้ยังตามหลังโมเดลทดลองอย่าง Mythos อยู่เล็กน้อย)

อย่างไรก็ตาม ในชุมชนนักพัฒนายังมีความเห็นที่หลากหลาย บางส่วนมองว่าความรู้สึกในการตอบคำถามบางประเภทของ 4.7 ดูเปลี่ยนไปจาก 4.6 ขณะที่ Anthropic นิยามโมเดลนี้ว่าเป็นรุ่นที่มี "Taste และ Creativity" สูงขึ้น ซึ่งทาง Fireship แอบแซวว่า น่าจะหมายถึงทีมงานสอนให้โมเดลเลิกใส่ purple gradient ลงในทุกงานเสียที

3. บททดสอบจริงกับ Horse Tinder โดย Fireship

Fireship ทดสอบด้วยการอัปโหลด Design System ในรูปแบบ PDF แล้วสั่งให้ Claude Design สร้าง onboarding flow สำหรับแอป "Horse Tinder" ซึ่งผลลัพธ์จากการทดลองจริงเผยให้เห็น 3 ประเด็นสำคัญ:

1. ความเร็วในการประมวลผล: การทำงานของ Opus 4.7 ถือว่าช้ากว่า Google Stitch, Codex หรือ Cursor Composer อย่างเห็นได้ชัด ผู้ใช้ต้องรอสักพักก่อนที่ระบบจะเรนเดอร์หน้าจอ 5 หน้าออกมา แต่หากเทียบกับเวลาที่คนทำงานเองแบบแมนนวล ความเร็วระดับนี้ยังถือว่าเร็วกว่าหลายเท่าตัว
2. การตีความ Design System: แม้ระบบจะรับรู้ข้อมูล design system จาก PDF ที่ส่งเข้าไป แต่ดีไซน์ที่ออกมากลับมีกลิ่นอายความเป็น "Claude-y" มากกว่าความเป็น "Fireship-y" คือยังติดการใช้สไตล์เฉพาะตัวของโมเดล แทนที่จะปฏิบัติตามไกด์ไลน์ของแบรนด์อย่างเคร่งครัด จุดนี้จึงยังเป็นโจทย์ใหญ่สำหรับทีมที่มี Brand Identity ชัดเจน
3. ระบบแก้ไขบนแคนวาส (In-canvas Editing): ฟีเจอร์ที่ให้ผู้ใช้วงกลมหรือชี้ลูกศรเพื่อสั่งแก้งานบนหน้าจอโดยตรง ดูน่าประทับใจในคลิปเปิดตัว แต่ในการใช้งานจริง เมื่อ Fireship สั่งแก้สีของโลโก้ ระบบกลับใช้เวลาคิดนาน 5 ถึง 10 นาที แล้วเปลี่ยนเพียงสีพื้นหลังบางส่วนโดยไม่ได้แก้ตัวโลโก้จริง สะท้อนว่า loop การแก้ไขงานยังต้องรอการปรับปรุงในเวอร์ชันถัดไป

4. ทำไมหุ้น Figma ถึงร่วง 7%

การที่หุ้น Figma ร่วงลง 7% ในเวลาอันสั้น สะท้อนถึงความกังวลของตลาดทุนต่อ Core Value ของ Figma ซึ่งอยู่ที่การเป็นพื้นที่ Collaboration ของทีมดีไซน์และการส่งต่องาน (Handoff) ไปยังนักพัฒนา

เมื่อ Claude Design สามารถรับไฟล์ Figma แล้วแปลงไปสู่ Working Prototype พร้อมโค้ดได้โดยตรง บทบาทของ Figma จึงเสี่ยงที่จะกลายเป็นเพียงแค่ Input Format หนึ่งของ AI ในมุมมองของนักลงทุน ความเปลี่ยนแปลงนี้อาจกดดันทั้งการเติบโตและ Margin ของธุรกิจในระยะยาว

นอกจากนี้ กระแส AI Design ยังส่งผลต่อโครงสร้างทีมในองค์กร ทำให้นักออกแบบ UI ระดับ Junior อาจต้องปรับบทบาทเข้าหาการควบคุมและกำกับ AI มากขึ้น คล้ายกับสิ่งที่เกิดขึ้นกับสายงานพัฒนาซอฟต์แวร์ในช่วงปีที่ผ่านมา

อย่างไรก็ดี สำหรับงานที่ต้องการความแม่นยำสูง การคุม Design System ที่ซับซ้อน และการทำงานร่วมกันแบบ Real-time ของทีมขนาดใหญ่ Figma ก็ยังคงมีจุดแข็งที่ AI ยังไม่สามารถทดแทนได้อย่างสมบูรณ์ในทันที

5. เหมาะกับใคร และใครที่ควรรอไปก่อน

จากการทดสอบจริง สามารถแบ่งกลุ่มผู้ใช้งานออกได้ชัดเจน:

• กลุ่มที่พร้อมใช้งานทันที:

  • ผู้ที่ต้องการทำ Rapid Prototyping สำหรับ Pitch งาน หรือทดสอบไอเดียกับลูกค้าแบบเร่งด่วน
  • Solo Developer หรือทีมขนาดเล็กที่ทำ Side Project และไม่ได้มี Brand Guideline ที่ตายตัว
  • คอนเทนต์ครีเอเตอร์ที่ต้องการสร้าง Visual Assets, Shader หรือ Video Animation สั้นๆ สำหรับงานพรีเซนต์และโซเชียลมีเดีย

• กลุ่มที่ยังควรรอการอัปเดต:

  • องค์กรขนาดใหญ่ที่มี Design System เข้มงวด เพราะผลลัพธ์ยังต้องนำมาปรับแก้มือเพื่อให้ตรงตาม CI
  • นักพัฒนาที่ต้องการรอบการทำงานที่รวดเร็ว (Fast Feedback Loop) ซึ่งเครื่องมืออย่าง Google Stitch, Codex หรือ Cursor Composer ยังตอบสนองได้ไวกว่าในปัจจุบัน

สรุปภาพรวม

Claude Design บนโมเดล Opus 4.7 ถือเป็นหมุดหมายที่น่าจับตาของวงการดีไซน์ ด้วยการเชื่อมต่อ input ตั้งแต่ไฟล์ Figma ไปจนถึง GitHub Repo แล้วแปลงเป็น Interactive Prototype ที่ใช้งานได้จริง

แม้ในการทดสอบจริงจะยังพบจุดที่ต้องพัฒนา ทั้งเรื่องความเร็ว ความแม่นยำในการคุมแบรนด์ และระบบ in-canvas editing แต่ทิศทางของเครื่องมือชี้ชัดว่า ช่องว่างระหว่างงานดีไซน์กับงานเขียนโค้ดกำลังแคบลงอย่างรวดเร็ว ดีไซเนอร์และนักพัฒนาจึงควรเริ่มทดลองและทำความเข้าใจเครื่องมือเหล่านี้ เพื่อเตรียมพร้อมสำหรับ workflow การทำงานในอนาคต