Figma Make ล่าสุดทำสิ่งที่ designer หลายคนรอมานาน คือแก้…
ปกติคนทำงานสาย design กับ dev มันมีกำแพงกั้นอยู่ คุณออกแบบใน Figma เสร็จ ก็ต้องส่งต่อให้ dev ไปเขียนโค้ดอีกที พอจะแก้นิดเดียวก็ต้องวนลูปกันใหม่ แต่รอบนี้ Figma บอกว่า design vs code มันคือทางเลือกหลอกๆ เครื่องมือไม่ควรบังคับให้เราต้องเลือกข้างใดข้างหนึ่ง
ของใหม่คือคุณเชื่อม Make เข้ากับ codebase จริงของบริษัทได้เลย แล้วแก้แบบเห็นภาพ คลิกเลือก element ปรับสี ปรับ layout ปรับ font ตัว agent มันจะไปหาโค้ดที่เกี่ยวข้องแล้วแก้ให้ UI เปลี่ยนตามที่เราออกแบบ อันไหนที่ซับซ้อนกว่านั้นอย่าง interaction หรือ animation ก็ใช้วิธี annotate วงๆ ชี้ๆ บนหน้าจอแล้วพิมพ์บอกมันว่าอยากได้อะไร
ที่ผมว่าฉลาดคือเรื่อง Git ครับ การ ship โค้ดขึ้น production มันควรเกิดอย่างตั้งใจผ่าน flow ของทีม Make เลยทำให้ทุกอย่างที่เราแก้ถูกเก็บเป็น local commit ก่อน จนกว่าเราจะเปิด PR เอง ทีม engineer ก็รีวิวงานเราเหมือน pull request ปกติ ไม่ได้ปล่อยให้ designer ยิงขึ้น production มั่วๆ
แล้วมันก็ปิดลูปได้จริง copy หน้าจอจาก Make มาวางใน Figma canvas เป็น layer ให้ทีมคอมเมนต์ ปรับ ลองเล่นกันได้ แล้วค่อยดึงกลับเข้าไปเป็นโค้ดอีกรอบ canvas กับ codebase อยู่ในที่เดียวกัน
ผมก็เห็นว่านี่คือทิศทางที่หลายเจ้ากำลังวิ่งไปพร้อมกัน คือลบเส้นแบ่งระหว่างคนออกแบบกับคนเขียนโค้ดให้บางลงเรื่อยๆ คำถามที่น่าคิดต่อคือพอ designer แตะโค้ดได้ และ AI เขียนโค้ดเก่งขึ้นทุกวัน บทบาทของแต่ละคนในทีมจะถูกนิยามใหม่ยังไง
ตอนนี้ยังเป็น beta จำกัด เริ่ม 28 พ.ค. และเปิดเฉพาะ Beta desktop app บน Mac ก่อน ใครสนใจต้องไปลงชื่อ waitlist รอ
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac