ขอแนะนำ Hana V2

อัปเดตครั้งใหญ่ของแคนวาสออกแบบ 2D ของเรา ขับเคลื่อนด้วยเอเจนต์ AI และ MCP การเรนเดอร์ด้วย WebGPU วัตถุ 3D แบบเรียลไทม์ และอีกมากมาย

เปิด Hana

วันนี้เราปล่อย Hana V2 อัปเดตครั้งใหญ่ของแคนวาสออกแบบ 2D ของเรา ซึ่งตอนนี้ขับเคลื่อนด้วยเอเจนต์ AI และ MCP การเรนเดอร์ด้วย WebGPU และอีกมากมาย

รุ่นนี้ครอบคลุมการรองรับเอเจนต์และ MCP การนำเข้าโมเดล GLTF และ GLB การส่งออก SVG และ PDF การทำงานร่วมกันแบบเรียลไทม์ที่ดีขึ้น การย้ายไปใช้ WebGPU และการปรับปรุงเอดิเตอร์เล็ก ๆ อีกหลายอย่าง

Spline เอดิเตอร์ 3D ของเรา ก็มีรุ่น V2 ของตัวเองเช่นกัน

เอเจนต์ AI

ตอนนี้ Hana มีเอเจนต์ AI ของตัวเองแล้ว สั่งให้ออกแบบ UI, แลนดิ้งเพจ หรือหน้าจอแอป แล้วมันจะสร้างผลลัพธ์จากวัตถุของ Hana เอง ได้แก่ เฟรม ข้อความ เวกเตอร์ และ fill ผลลัพธ์ที่ได้คืองานออกแบบที่แก้ไขได้ นอกจากนี้ยังแก้ไขคอนเทนต์ที่มีอยู่ได้ คุณจึงชี้ไปที่หน้าจอที่มีอยู่แล้วและอธิบายสิ่งที่อยากเปลี่ยนได้เลย

Hana ยังรันเซิร์ฟเวอร์ MCP เพื่อให้เครื่องมือ AI ภายนอกออกแบบใน Hana ได้โดยตรง Claude Code, Cursor, Codex และอื่น ๆ ได้ความสามารถเดียวกับเอเจนต์ในตัว ทั้งการอ่านฉาก การสร้างและแก้ไขวัตถุ การอัปโหลดรูปภาพเพื่อใช้เป็นคอนเทนต์จริง และการถ่ายภาพหน้าจอเพื่อตรวจสอบงานของตัวเอง

เนื่องจากเครื่องมือเหล่านั้นทำงานควบคู่กับโค้ดของคุณ จึงทำงานจากรีโพสิทอรีได้ด้วย ชี้ Claude Code หรือ Cursor ไปที่รีโพ แล้วมันจะสร้างแอปพลิเคชันของคุณขึ้นใหม่บนแคนวาสเป็นวัตถุ Hana ที่แก้ไขได้ โดยใช้หน้าจอ คอมโพเนนต์ และข้อความจริงของคุณ

เอเจนต์ AI ของ Hana สร้างงานออกแบบแอปมือถือสามรูปแบบ

3D บนแคนวาส 2D

ก่อนหน้านี้เราเพิ่มการรองรับรูปทรง 3D แบบ extrude ซึ่งเปลี่ยนรูปทรง 2D ใดก็ได้ให้เป็นเรขาคณิต 3D และยังคงเชื่อมโยงกับต้นฉบับแบบสด ๆ เมื่อแก้ไขรูปทรง เรขาคณิตก็อัปเดตตามแบบเรียลไทม์

รุ่นนี้เพิ่มการนำเข้าโมเดล 3D ไฟล์ GLTF และ GLB จะถูกนำเข้าบนแคนวาสเป็นวัตถุ 3D รวมถึงเมช วัสดุ และเท็กซ์เจอร์ ตลอดจนโครงกระดูก การสกินนิ่ง และ morph target โมเดลที่ริกและทำแอนิเมชันไว้จึงยังคงแอนิเมชันของมันไว้ แผงควบคุมแอนิเมชันใช้เลือกคลิปและควบคุมการเล่น ส่วนการตั้งค่าเมชใช้ควบคุมแสงและการแรเงา

วัตถุ 3D ก็เป็นวัตถุของ Hana เหมือนวัตถุอื่น ๆ ใช้ระบบรูปทรงเดียวกับสี่เหลี่ยม ข้อความ และเวกเตอร์เน็ตเวิร์ก จึงรับการแปลงแบบเดียวกัน ทำตามกฎเลย์เอาต์เดียวกัน และทำแอนิเมชันด้วยระบบแอนิเมชันเดียวกัน

งานออกแบบใน Hana ที่ใช้วัตถุ 3D ที่นำเข้า

แคนวาสที่เร็วขึ้นด้วย WebGPU

Hana เรนเดอร์ผ่านเอนจินของตัวเอง ซึ่งวาดรูปทรงเวกเตอร์ บูลีน เบลอ และเงาด้วยคุณภาพเต็มที่แบบเรียลไทม์ ตอนนี้เอนจินนั้นทำงานบน WebGPU เป็นค่าเริ่มต้น ทำให้กราเดียนต์ เทสเซลเลชัน การตรวจจับการคลิก การคัดทิ้งวัตถุ (culling) แอนิเมชัน extrude และการโหลดไฟล์เร็วขึ้น

การส่งออกและนำเข้า

ตอนนี้เฟรมส่งออกเป็น SVG ได้ งานเวกเตอร์จึงออกจาก Hana ในรูปแบบเวกเตอร์ และส่งออกเป็น PDF สำหรับงานพิมพ์และการส่งต่องาน

ไฟล์ Adobe Illustrator นำเข้าบนแคนวาสได้โดยตรง จึงนำงานอาร์ตเวิร์กที่มีอยู่เข้ามาได้โดยไม่ต้องแปลงไฟล์ก่อน

การปรับปรุงเพื่อการใช้งานที่สะดวกขึ้น

ตอนนี้คุณกด Alt หรือ Option ค้างไว้เพื่อดูระยะห่างระหว่างสิ่งที่เลือกกับวัตถุที่เมาส์ชี้อยู่ได้ เมื่อเลือกหลายวัตถุจะแสดงช่องว่างระหว่างวัตถุเหล่านั้น ตัวสร้างเลย์เอาต์แบบกริดจัดเรียงสิ่งที่เลือกให้เป็นกริดที่ปรับแต่งได้ และเทมเพลตเฟรมครอบคลุมขนาดอุปกรณ์และโซเชียลมีเดียที่ใช้บ่อย

รูปภาพมีตัวควบคุมการครอปและการจัดให้พอดี และการกด CMD ค้างไว้ขณะลากที่จับปรับขนาดจะครอป fill ในที่โดยไม่ปรับสเกล ข้อความตัดท้ายด้วยจุดไข่ปลาได้ มุมโค้งมนแบบนุ่มนวลใช้กับรูปทรงที่กำหนดเองและรูปทรงพื้นฐาน 2D ทั้งหมดได้แล้ว ไม่ใช่แค่สี่เหลี่ยม ตัวเลือกสีแสดงอัตราส่วนคอนทราสต์ด้วย

เพิ่มทรานซิชันแอนิเมชันใหม่กว่ายี่สิบแบบ รวมถึง sine, expo, circ, back, power, bezier และ spring

เคอร์เซอร์ของผู้ร่วมงานอัปเดตแบบเรียลไทม์แล้ว ไม่ตามหลังอีกต่อไป คุณจะเห็นเคอร์เซอร์ของแต่ละคนพร้อมชื่อ สิ่งที่เขาเลือกมีเส้นขอบ และการลากเลือกแบบกล่องในขณะที่เกิดขึ้น

งานออกแบบอินเทอร์แอคทีฟที่สร้างด้วย Hana

แอปเดสก์ท็อปใหม่

แอปเดสก์ท็อปถูกสร้างขึ้นใหม่และแทนที่เวอร์ชันก่อนหน้าโดยตรง ทั้งบน macOS และ Windows

ไฟล์เปิดเป็นแท็บ จึงเปิดหลายโปรเจกต์พร้อมกันได้ และฉาก Spline ก็อยู่ในแถบแท็บเดียวกันด้วยการล็อกอินเดียวกันได้ แอปยังอ่านฟอนต์ที่ติดตั้งในเครื่องของคุณและแสดงในตัวเลือกฟอนต์ควบคู่กับ Google Fonts

แอปนี้ยังเป็นช่องทางที่เอเจนต์ภายนอกใช้เชื่อมต่อ เปิดแอปควบคู่กับเครื่องมือ AI ของคุณ (Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity) แล้ว Spline จะลงทะเบียนกับเครื่องมือนั้นโดยอัตโนมัติ ไม่ต้องตั้งค่าใด ๆ ตัวบ่งชี้ในแต่ละแท็บจะแสดงเมื่อเอเจนต์กำลังทำงานกับไฟล์

เพิ่มหน้าจอแอปจากรีโพของโปรเจกต์ลงในแคนวาส Hana ผ่าน MCP

พร้อมใช้งานแล้ววันนี้

Hana V2 มาพร้อมเอเจนต์ AI และเซิร์ฟเวอร์ MCP การนำเข้าโมเดล GLTF และ GLB การส่งออก SVG และ PDF เคอร์เซอร์ผู้ร่วมงานแบบเรียลไทม์ที่ดีขึ้น การเรนเดอร์ด้วย WebGPU และการปรับปรุงเอดิเตอร์ข้างต้น

Spline เอดิเตอร์ 3D ของเรา ก็มีรุ่น V2 ของตัวเองเช่นกัน

ดาวน์โหลดแอปเดสก์ท็อป หรือเปิด Hana ในเบราว์เซอร์ของคุณ

ทีม Spline 🌸

เปิด Hana

บทความอื่น ๆ จากบล็อก