Cursor ปล่อยฟีเจอร์ใหม่ชื่อ Design Mode ที่ผมว่าคนทำ frontend…
วิธีใช้คือรันแอปของเรา เปิด Cursor Browser แล้วกด Cmd Shift D เพื่อเข้า Design Mode จากนั้นเราคลิก element ที่อยากแก้ได้เลย ตัว AI จะได้ข้อมูลครบทั้ง XPath component props computed styles และ screenshot ของจุดนั้น จะเลือกทีละหลาย element ก็ได้ เช่นอยากให้สองชิ้นหน้าตาเหมือนกัน
ที่เด็ดคือมันไม่ได้มีแค่คลิก เราวาดวงกลม ลูกศร หรือกรอบบริเวณที่อยากแก้ได้ มี freeze frame สำหรับหน้าที่มี animation ด้วย แล้วยังพูดสั่งได้ เช่นบอกว่าทำปุ่มนี้ให้ใหญ่ขึ้น ย้ายอันนี้ไปตรงนั้น พอส่งคำสั่ง agent ก็แก้โค้ดแล้ว hot reload ให้เห็นผลทันที ส่งหลายงานพร้อมกันได้โดยไม่ต้องรออันแรกเสร็จ
จุดที่ผมว่าสำคัญคือมันลดช่องว่างระหว่างสิ่งที่เราเห็นกับสิ่งที่ AI เข้าใจ เพราะให้ทั้ง visual context และ code context พร้อมกัน เหมือนชี้หน้าจอคุยกับเพื่อนที่นั่งข้างๆ เหมาะกับงาน frontend การ iterate ดีไซน์ และสาย vibe coding มาก
ฝั่งคนที่ลองชอบกันเยอะ บอกว่าในที่สุดการตะโกนใส่ UI ก็แก้ปัญหาได้จริง และเล็งเป้าไปที่ element เฉพาะจุดง่ายกว่าพิมพ์ prompt อย่างเดียวมาก ส่วนข้อกังวลที่มีคนตั้งคือถ้า iterate ไปหลายรอบโค้ดจะรกเป็น spaghetti ไหม และบางคนอยากให้แก้ text ใน mode นี้ได้ด้วย ใครใช้ Cursor อยู่ลองเปิด Cmd Shift D เล่นดูได้เลย
อยากใช้ AI กับงานจริงเป็นระบบ?
เรียน Claude Method — วิธีคิดและลงมือใช้ Claude/AI กับงานจริง ตั้งแต่วันแรก
📍 โพสต้นฉบับบน Facebook: AI กับ Peesamac