Design with your team, supported by AI agents, MCP and GPU-accelerated vector editing tools.
Discover examples built in Hana. Remix, rebuild, and explore how your ideas can become production-ready experiences.
Familiar design tools, advanced effects, and the structure to keep big projects organized.
Add motion and interactivity with states, events and animations, by hand or by asking the agent.
Hana’s own agent designs on the canvas, and yours can too, from Claude, ChatGPT, Cursor or any MCP client.
A fast, familiar interface with the tools you need to design real-time interactive interfaces, motion and graphics.
Design on an infinite canvas with frames, the pen tool, booleans, shapes and more.
Create interactive experiences with states, events and actions.
Add motion to your designs with states and transitions.
Use shadows, blurs, noise, glass and 3D to create real-time visual effects.
Create sophisticated boolean systems and animate them in real time.
Make vector networks and add unique interactivity to them.
Preview your interactivity and animations right on the canvas.
Integrate your interactive designs into websites, web apps and digital products.
Design interactivity on an infinite canvas with real-time collaboration, organized in a shared workspace for your whole team.
Design together with your entire team in the same file.
Take full control over individual Editor and Viewer roles.
A shared team space to store and manage every file and project.
Leave comments for your team or take notes right in the editor.
Seamlessly integrate interactive experiences into your websites, web apps and digital products.
Spline<!-- 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>
Connect your agent, invite your team and ship your first design today.