Claude Design เพิ่งออกอัปเดตใหญ่ และอันนี้คืออัปเดตที่เปลี่ยนมันจากของเล่นที่สร้าง mockup สวยๆ ให้กลายเป็นเครื่องมือที่ทีมจริงเอาไปใช้ได้จริง แอดอ่านแล้วต้องรีบมาเล่า เพราะมันคือทุกเรื่องที่แอดพูดมาทั้งเดือนมารวมอยู่ในที่เดียว
.
ย้อนไปนิดนึงก่อน ตอน Claude Design เปิดตัวรอบแรก มันเก่งเรื่องเดียวคือพิมพ์ prompt แล้วได้งานสวยออกมาในไม่กี่วินาที ปัญหาคือความสวยนั้นมันเป็นรสนิยมของ Claude ไม่ใช่แบรนด์ของเรา freelancer คนเดียวใช้ร่างไอเดียก็โอเค แต่บริษัทที่มี brand guideline เป็นร้อยหน้า เอาไปใช้จริงไม่ได้เลย เพราะของที่ออกมามันไม่ตรงกับระบบของตัวเอง
.
อัปเดตรอบนี้แก้ตรงนั้นพอดี
.
ของที่สำคัญที่สุดคือ ตอนนี้เรา import design system ของเราเข้าไปได้แล้ว จาก GitHub repo จากไฟล์ดีไซน์ จาก asset ที่อัปโหลด หรือจาก codebase จริงในเครื่องผ่านคำสั่ง design-sync แล้ว Claude มันจะ build งานด้วย component จริงของเรา ไม่ใช่ของที่มันมโนขึ้นมาเอง
.
แต่จุดที่แอดชอบที่สุดคือประโยคนี้ มันเช็คงานของตัวเองกับ design system ของเราก่อนจะส่งให้เราเห็น แล้วแก้ให้เรียบร้อยก่อน ใครที่อ่านโพสต์เรื่อง harness ของแอดมาน่าจะร้องอ๋อทันที นี่แหละคือ evaluator ที่แอดเล่าให้ฟัง เขาฝังตัวตรวจงานเข้ามาในเครื่องมือเลย ไม่ปล่อยให้ generator ทำงานลอยๆ แล้วเราต้องมานั่งจับผิดเอง
.
อย่างที่สองคือมันต่อกับ Claude Code แบบสองทาง เริ่มจากออกแบบใน Claude Design แล้วส่งต่อให้ Claude Code build ต่อ โดยมันทำงานต่อจากของเดิมเลย ไม่ใช่เริ่มใหม่จาก screenshot แบบเมื่อก่อน หรือถ้าใครถนัด terminal จะเริ่มจาก Claude Code ด้วยคำสั่ง design แล้ว sync งานดีไซน์ไปกลับก็ได้ สาย designer-who-codes น่าจะอินกับอันนี้เป็นพิเศษ
.
อย่างที่สามคือ editor ที่รื้อใหม่ คราวนี้ลาก ปรับขนาด จัดตำแหน่ง element บน canvas ได้ตรงๆ เหมือนเครื่องมือดีไซน์ทั่วไป บวกกับการคลิกคอมเมนต์ชี้จุดที่อยากแก้ และแก้ข้อความตรงๆ ได้เลย งานปรับจุกจิกประจำวันเลยลื่นขึ้นเยอะ
.
เรื่อง export ก็กว้างขึ้น ออกเป็น PDF เป็น PowerPoint ได้ และส่งต่อไปยังเครื่องมือที่เราใช้อยู่แล้วอย่าง Adobe, Canva, Gamma, Lovable, Miro, Replit, Vercel, Wix
.
มีอีกเรื่องที่เป็นข่าวดีสำหรับคนที่เคยบ่นว่า Claude Design กิน quota เร็ว คือตอนนี้มันรวม usage เข้าไปอยู่ใน pool เดียวกับ chat กับ Claude Code กับ Cowork แล้ว จากเดิมที่มันมีโควตารายสัปดาห์แยกของตัวเอง แปลว่าส่วนใหญ่จะมีที่หายใจมากขึ้นก่อนจะชนเพดาน
.
ตอนนี้เปิดให้ใช้แบบ beta บนทุก paid plan ทั้งบนเว็บและ desktop แล้ว
.
ปิดท้ายด้วยสิ่งที่แอดพูดมาตลอดทั้งเดือนนี้ และอัปเดตนี้ยิ่งตอกย้ำมันชัดขึ้นอีก เครื่องมือมันพร้อมแล้วจริง แต่มันจะออกแบบให้ตรงแบรนด์เราได้ก็ต่อเมื่อ design system ของเรามีโครงสร้างจริงให้มัน import ทีมที่ทำการบ้านเรื่อง token เรื่อง component เรื่องเอกสารไว้ดี import ปุ๊บได้เปรียบทันที แต่ทีมที่ design system เป็นไฟล์มั่วๆ ไม่มีระบบ import เข้าไปมันก็ได้ของมั่วๆ กลับออกมาเหมือนเดิม เพราะ AI มันไม่ได้มาแก้ design system ที่พังให้เรา มันแค่ทำตาม design system ที่เรามี
.
ลองไปเล่นกันดูครับ claude.ai/design
.
แอดแมว
.
#DesignLazyyy #ClaudeDesign #ClaudeCode #DesignSystem #DesignToCode #AIDesign #DesignOps #UXUI