แคนวาสออกแบบ ที่ขับเคลื่อนด้วยเอเจนต์ AI

ออกแบบร่วมกับทีม โดยมีเอเจนต์ AI, MCP และ เครื่องมือแก้ไขเวกเตอร์ที่เร่งความเร็วด้วย GPU

คลังผลงาน

ดีไซน์ที่เคลื่อนไหว ขับเคลื่อนโดย Hana

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

เครื่องมือออกแบบ

เครื่องมือที่คุ้นเคยและทรงพลังสำหรับงานออกแบบระดับมืออาชีพ

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

  • แคนวาสไร้ขอบเขตแบบเฟรม
  • เวกเตอร์เน็ตเวิร์กและบูลีน
  • หน้าและเซกชัน
  • ไล่เฉดสี แก้ว และรูปทรง 3D
การโต้ตอบและแอนิเมชัน

ทำให้งานออกแบบของคุณมีชีวิต

เพิ่มการเคลื่อนไหวและการโต้ตอบด้วยสเตต อีเวนต์ และแอนิเมชัน ทำเองด้วยมือหรือสั่งเอเจนต์ก็ได้

  • สเตตและอีเวนต์
  • แอนิเมชันด้วยแอ็กชันทรานซิชัน
  • การโต้ตอบแบบ Follow และ Look At
เอเจนต์ AI

แคนวาสที่เอเจนต์ของคุณออกแบบได้

เอเจนต์ของ Hana เองออกแบบบนแคนวาสได้ และเอเจนต์ของคุณก็ทำได้เช่นกัน จาก Claude, ChatGPT, Cursor หรือไคลเอนต์ MCP ใดก็ได้

  • สร้างเฟรม เอฟเฟกต์ และการโต้ตอบ
  • สร้างหลายหน้าจอพร้อมกัน
  • ใช้เอเจนต์ของคุณเองผ่าน MCP
  • ทุกอย่างยังแก้ไขด้วยมือได้
เชื่อมต่อเอเจนต์ของคุณ
สร้างมาเพื่อการโต้ตอบ

เครื่องมือออกแบบที่สร้างมาเพื่อการโต้ตอบ

อินเทอร์เฟซที่รวดเร็วและคุ้นเคย พร้อมเครื่องมือที่จำเป็นสำหรับออกแบบ UI แบบอินเทอร์แอคทีฟ โมชัน และกราฟิกแบบเรียลไทม์

  • เครื่องมือออกแบบที่คุ้นเคย

    ออกแบบบนแคนวาสไร้ขอบเขตด้วยเฟรม ปากกา บูลีน รูปทรง และอีกมากมาย

  • การโต้ตอบที่ทรงพลัง

    สร้างประสบการณ์อินเทอร์แอคทีฟด้วยสเตต อีเวนต์ และแอ็กชัน

  • ประสบการณ์ที่เคลื่อนไหว

    เพิ่มการเคลื่อนไหวให้งานออกแบบด้วยสเตตและทรานซิชัน

  • เอฟเฟกต์ภาพ

    ใช้เงา เบลอ นอยส์ แก้ว และ 3D เพื่อสร้างเอฟเฟกต์ภาพแบบเรียลไทม์

  • บูลีนแบบเรียลไทม์

    สร้างระบบบูลีนที่ซับซ้อนและทำแอนิเมชันได้แบบเรียลไทม์

  • เวกเตอร์เน็ตเวิร์ก

    สร้างเวกเตอร์เน็ตเวิร์กและเพิ่มการโต้ตอบที่ไม่เหมือนใคร

  • พรีวิวบนแคนวาส

    พรีวิวการโต้ตอบและแอนิเมชันได้โดยตรงบนแคนวาส

  • ส่งออกพร้อมใช้งานจริง

    ผสานงานออกแบบอินเทอร์แอคทีฟเข้ากับเว็บไซต์ เว็บแอป และผลิตภัณฑ์ดิจิทัล

การทำงานร่วมกัน

ออกแบบร่วมกันแบบเรียลไทม์

ออกแบบการโต้ตอบบนแคนวาสไร้ขอบเขตพร้อมการทำงานร่วมกันแบบเรียลไทม์ จัดระเบียบในพื้นที่ส่วนกลางสำหรับทั้งทีม

มัลติเพลเยอร์แบบเรียลไทม์

ออกแบบร่วมกับทั้งทีมในไฟล์เดียวกัน

บทบาทและสิทธิ์

ควบคุมบทบาทผู้แก้ไขและผู้ชมรายบุคคลได้เต็มที่

การจัดการไฟล์

พื้นที่ทีมส่วนกลางสำหรับจัดเก็บและจัดการทุกไฟล์และโปรเจกต์

โน้ตและฟีดแบ็ก

ฝากคอมเมนต์ถึงทีมหรือจดโน้ตได้โดยตรงในเอดิเตอร์

ส่งออก

เผยแพร่งานอินเทอร์แอคทีฟสู่เว็บ

ผสานประสบการณ์อินเทอร์แอคทีฟเข้ากับเว็บไซต์ เว็บแอป และผลิตภัณฑ์ดิจิทัลได้อย่างง่ายดาย

ขยับเมาส์หรือนิ้วเพื่อโต้ตอบรีมิกซ์ฉากนี้
index.html
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

เริ่มออกแบบด้วย Hana

เชื่อมต่อเอเจนต์ ชวนทีมของคุณ แล้วเผยแพร่งานออกแบบชิ้นแรกได้ตั้งแต่วันนี้