Spline
Kausapin ang salesMagsimulang gumawa

Isang design canvas na pinapagana ng mga AI agent

Magdisenyo kasama ang team mo, sa tulong ng mga AI agent, MCP at GPU-accelerated na vector editing tools.

Magsimulang gumawaIkonekta ang agent mo
Library

Design na gumagalaw, pinapagana ng Hana

Tuklasin ang mga halimbawang gawa sa Hana. Mag-remix, buuin ulit, at alamin kung paano nagiging production-ready na experience ang mga ideya mo.

3D CircularFire Character3D CardCardsPath Icons
Noise3D UIPowerGlass IconsAuto Layout
EarthJapanese TextMaskingBlendHana Serif
Design tools

Pamilyar at advanced na tools para sa propesyonal na design

Mga pamilyar na design tool, advanced na effects, at istrukturang nagpapanatiling organisado sa malalaking project.

  • Frame-based na infinite canvas
  • Vector networks at booleans
  • Pages at sections
  • Gradients, glass at 3D shapes
Interactivity at animation

Buhayin ang mga design mo

Magdagdag ng motion at interactivity gamit ang states, events at animations, nang mano-mano o sa pag-utos sa agent.

  • States at events
  • Mag-animate gamit ang transition actions
  • Follow at Look At na interactivity
Mga AI agent

Isang canvas na puwedeng pagdisenyuhan ng mga agent mo

Nagdidisenyo sa canvas ang sariling agent ng Hana, at kaya rin ng sa iyo, mula sa Claude, ChatGPT, Cursor o anumang MCP client.

  • Gumagawa ng frames, effects at interactions
  • Maraming screen na sabay-sabay ginagawa
  • Sarili mong agent sa MCP
  • Lahat ay nananatiling editable nang mano-mano
Ikonekta ang agent mo
Gawa para sa interactivity

Isang design tool na gawa para sa interactivity

Mabilis at pamilyar na interface na may mga tool na kailangan mo para magdisenyo ng real-time na interactive interfaces, motion at graphics.

  • Pamilyar na design tools

    Magdisenyo sa infinite canvas gamit ang frames, pen tool, booleans, shapes at iba pa.

  • Makapangyarihang interactivity

    Gumawa ng interactive experiences gamit ang states, events at actions.

  • Animated experiences

    Lagyan ng motion ang mga design mo gamit ang states at transitions.

  • Visual effects

    Gumamit ng shadows, blurs, noise, glass at 3D para gumawa ng real-time na visual effects.

  • Real-time booleans

    Gumawa ng sopistikadong boolean systems at i-animate ang mga ito nang real time.

  • Vector networks

    Gumawa ng vector networks at lagyan ang mga ito ng natatanging interactivity.

  • On-canvas preview

    I-preview ang interactivity at animations mo mismo sa canvas.

  • Production-ready exports

    Isama ang mga interactive design mo sa mga website, web app at digital product.

Collaboration

Magdisenyo nang magkakasama, nang real time

Magdisenyo ng interactivity sa infinite canvas na may real-time collaboration, nakaayos sa iisang shared workspace para sa buong team mo.

Real-time multiplayer

Magdisenyo kasama ang buong team mo sa iisang file.

Roles at permissions

Buong kontrol sa individual na Editor at Viewer roles.

File management

Isang shared team space para mag-imbak at mamahala ng bawat file at project.

Notes at feedback

Mag-iwan ng comments para sa team mo o magtala ng notes mismo sa editor.

Export

Mag-ship ng interactivity para sa web

Walang hirap na isama ang mga interactive experience sa mga website, web app at digital product mo.

Igalaw ang mouse o daliri mo para makipag-interactI-remix ang scene
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>
WebflowFramerWix StudioHTML / JSNotionShopify

Magsimulang magdisenyo gamit ang Hana

Ikonekta ang agent mo, imbitahan ang team mo at i-ship ang una mong design ngayon.

Magsimulang gumawaIkonekta ang agent mo