Cursor เปิดตัวฟีเจอร์ Canvases แบบโต้ตอบ

Cursor ปล่อยอัปเดตใหม่สุดเจ๋งเวอร์ชัน 3.1 มาแล้วครับ! รอบนี้มาพร้อมกับฟีเจอร์ที่ชื่อว่า "Canvases" ซึ่งจะทำให้ AI Agent ของเราฉลาดและโต้ตอบได้มากขึ้นกว่าเดิมเยอะเลย ฟีเจอร์ใหม่นี้ช่วยให้ Agent สามารถแสดงผลลัพธ์ออกมาในรูปแบบภาพที่เราเข้าใจง่ายได้โดยตรง ไม่ต้องเดาอีกต่อไปว่า AI กำลังทำอะไรอยู่

Canvases คืออะไร?

Canvases คือกลไกการตอบสนองแบบใหม่สำหรับ AI Agent ใน Cursor ครับ มันช่วยให้ Agent สามารถสร้างภาพข้อมูล (visualize data) ออกมาเป็น Dashboard หรือ Custom Interface ได้อย่างที่ใจเราต้องการ Think of it like AI building its own little app หรือหน้าจอแสดงผลให้เราดูเลย! ไม่ว่าจะเป็นข้อมูลสถิติ โปรเจกต์ที่กำลังทำอยู่ หรือสถานะต่างๆ ก็สามารถแสดงออกมาในรูปแบบที่สวยงามและใช้งานง่าย

ทำอะไรได้บ้าง?

ฟีเจอร์ Canvases นี้ไม่ได้มีแค่การสร้างกราฟธรรมดาๆ นะครับ แต่สามารถสร้างขึ้นโดยใช้ส่วนประกอบหลักๆ ของ Cursor เอง ไม่ว่าจะเป็น:

ตาราง (tables): สำหรับแสดงข้อมูลที่เป็นระเบียบ
กล่องข้อความ (boxes): จัดกลุ่มข้อมูล หรือแสดงข้อความสำคัญ
แผนภาพ (diagrams): เพื่ออธิบายโครงสร้างหรือขั้นตอนการทำงาน
กราฟ (charts): แสดงแนวโน้มและข้อมูลเชิงปริมาณ

นอกจากนี้ Canvases ยังรองรับคอมโพเนนต์เดิมๆ ที่มีอยู่แล้วใน Cursor เช่น การเปรียบเทียบโค้ด (diffs) หรือรายการสิ่งที่ต้องทำ (to-do lists) ทำให้เราสร้าง UI ที่ปรับแต่งได้เองเพื่อดูข้อมูลหรือจัดการโปรเจกต์ได้ง่ายขึ้น และ Agent ก็สามารถโต้ตอบกับเราผ่านหน้าจอเหล่านี้ได้โดยตรงเลย

ใช้งานยังไง?

Canvases ถูกออกแบบมาให้เป็นส่วนหนึ่งที่ "คงอยู่ถาวร" ใน Agents Window ของ Cursor ครับ มันจะปรากฏในแผงด้านข้าง (side panel) ควบคู่ไปกับ Terminal, Browser และ Source Control ทำให้เราเห็นภาพรวมและผลลัพธ์จาก Agent ได้ตลอดเวลา

ฟีเจอร์สุดเจ๋งนี้พร้อมใช้งานแล้วใน Cursor 3.1 นะครับ สามารถลองใช้งานได้ทันทีทั้งใน Agents Window และใน Editor เลย ถ้าอยากรู้รายละเอียดเชิงลึกเกี่ยวกับฟีเจอร์นี้ สามารถอ่านเพิ่มเติมได้ที่ บล็อกประกาศอย่างเป็นทางการ ของ Cursor หรือใน Changelog ได้เลย

ถ้ายังไม่มี Cursor 3.1 ก็ไม่ต้องห่วงครับ สามารถ ดาวน์โหลด Cursor เวอร์ชันล่าสุดได้เลย เพื่อลองสัมผัสประสบการณ์การทำงานร่วมกับ AI Agent ที่ฉลาดและโต้ตอบได้ดีกว่าที่เคยเป็นมา

อ่านต่อ: https://cursor.com/docs/agent/tools/canvas เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ Canvases และเริ่มต้นใช้งานได้ทันที!