เมื่อ AI ทำให้การเริ่มต้นสร้างโปรเจกต์ง่ายขึ้นกว่าเดิม งานที่เคยใช้เวลานานหลายวันอาจเสร็จสิ้นภายในไม่กี่นาที แต่ความเร็วเพียงอย่างเดียวไม่เพียงพอ เพราะการเคลื่อนตัวเร็วโดยขาดการสำรวจทิศทาง อาจพาทีมไปในเส้นทางที่ผิดได้ นั่นคือเหตุผลที่ Figma เปิดตัวฟีเจอร์ใหม่ที่เชื่อมโลกของโค้ดกับ canvas เข้าหากันอย่างแท้จริง
ฟีเจอร์ Claude Code to Figma ช่วยให้นักพัฒนา นักออกแบบ และทุกคนที่สร้างงานด้วยโค้ด สามารถจับภาพ UI ที่ใช้งานได้จริงจากเบราว์เซอร์ ไม่ว่าจะเป็น production, staging หรือ localhost แล้วแปลงให้กลายเป็น frame ที่แก้ไขได้บน Figma canvas ได้ทันที
ข้อดีที่ผู้ใช้จะได้รับจริงๆ มีดังนี้
- เห็นภาพรวมทั้งระบบในคราวเดียว — นำ UI เข้า canvas แล้ววางเปรียบเทียบกันทีละหน้าจอ ทำให้มองเห็นรูปแบบ ช่องว่าง และความไม่สอดคล้องกันได้ง่ายขึ้นอย่างมาก
- ทดลองไอเดียโดยไม่ต้องเขียนโค้ดใหม่ — คัดลอก frame ปรับเปลี่ยนโครงสร้าง และทดสอบแนวทางต่างๆ แบบขนานกัน โดยแนวทางที่ถูกตัดทิ้งก็ยังคงปรากฏให้ใช้อ้างอิงได้ในภายหลัง
- ตัดสินใจได้ดีขึ้นตั้งแต่เนิ่นๆ — นักออกแบบ วิศวกร และ PM สามารถมองเห็น artifact เดียวกัน ในบริบทเดียวกัน และระดับความละเอียดเท่ากัน ช่วยให้ตั้งคำถามและปรับทิศทางได้ตั้งแต่ต้น
- แปลง UI ที่สร้างแล้วให้กลายเป็นทิศทางร่วมกัน — ทีมสามารถใส่หมายเหตุ เสนอแนวทางเพิ่มเติม และทำความเข้าใจเป้าหมายของเพื่อนร่วมทีมได้บน canvas เดียวกัน
นอกจากนี้ยังรองรับการทำงานแบบวนรอบ (roundtrip) กลับสู่โค้ดได้ผ่าน Figma MCP server โดยนักพัฒนาสามารถนำ frame จาก Figma กลับเข้าสู่สภาพแวดล้อมการเขียนโค้ดได้ด้วยการใส่ลิงก์และ prompt เพียงสั้นๆ
Claude Code to Figma คือ ก้าวสำคัญที่ทลายกำแพงระหว่างโลกของโค้ดและดีไซน์ ทีมที่เคยต้องสลับ context ระหว่างสองโลกนี้บ่อยครั้ง ตอนนี้สามารถทำงานได้อย่างลื่นไหลมากขึ้น ไม่ว่าจะเริ่มจาก Claude Code หรือ Figma Make จุดหมายคือเดียวกัน คือได้ไอเดียที่เป็นรูปธรรมรวดเร็ว แล้วพัฒนาต่อด้วยทีมได้อย่างมีประสิทธิภาพ
อ้างอิงจาก : Figma
