# ขอแนะนำ Hana V2 - Spline blog (https://spline.design/th/blog/hana-v2)

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

[บล็อก](https://spline.design/th/blog)

27 สิงหาคม 2569

# ขอแนะนำ Hana V2

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

[เปิด Hana](https://app.spline.design)

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

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

Spline เอดิเตอร์ 3D ของเรา ก็มี[รุ่น V2](https://spline.design/th/blog/spline-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 และการปรับปรุงเอดิเตอร์ข้างต้น

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

ทีม Spline 🌸

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

[3 พฤศจิกายน 2569ขอแนะนำ Spline Arena](https://spline.design/th/blog/introducing-spline-arena)[21 ตุลาคม 2569ขอแนะนำ Spline สำหรับ ChatGPT](https://spline.design/th/blog/introducing-spline-for-chatgpt)[20 สิงหาคม 2569ขอแนะนำ Spline V2](https://spline.design/th/blog/spline-v2)

[Spline](https://spline.design/th)

เอดิเตอร์ 3D และ 2D สำหรับทีมและเอเจนต์ของทีม เผยแพร่ได้ทั้งบนเว็บ iOS และ Android

#### ถาม AI เกี่ยวกับ Spline

#### ผลิตภัณฑ์

- [ออกแบบ 3D](https://spline.design/th/3d-design)
- [Hana](https://spline.design/th/hana)
- [Omma](https://omma.build)
- [สร้าง 3D ด้วย AI](https://spline.design/th/ai-generate)
- [Spline MCP](https://spline.design/th/mcp)
- [Spline Arena](https://spline.design/th/arena)
- [ราคา](https://spline.design/th/pricing)
- [องค์กร](https://spline.design/th/enterprise)

#### รันไทม์

- [Web](https://spline.design/th/web)
- [iOS](https://spline.design/th/ios)
- [Android](https://spline.design/th/android)

#### แอป

- [ดาวน์โหลด](https://spline.design/th/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [ดาวน์โหลด Spline Mirror](https://spline.design/download-mirror)

#### เรียนรู้

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/th/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [โซลูชัน](https://spline.design/solutions)

#### คอมมูนิตี้

- [คอมมูนิตี้ Spline](https://community.spline.design)
- [Blog](https://spline.design/th/blog)
- [มีอะไรใหม่](https://spline.design/th/changelog)
- [การศึกษา](https://spline.design/th/education)
- [Contra](https://spline.design/contra)
- [พันธมิตร](https://spline.design/th/affiliate)

#### บริษัท

- [ลูกค้า](https://spline.design/th/customers)
- [ร่วมงานกับเรา](https://www.ycombinator.com/companies/spline/jobs)
- [ความปลอดภัย](https://spline.design/th/security)

#### กฎหมาย

- [ข้อกำหนดและเงื่อนไข](https://spline.design/terms)
- [ความเป็นส่วนตัว](https://spline.design/privacy)

#### ติดต่อ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.