What is Hana?

🌸 About Hana

A canvas for creating real-time, interactive experiences.

Hana is a modern design tool built from the ground up for fast, interactive, animated experiences. Whether you’re crafting interfaces or dynamic, state-based animated graphics, Hana lets you design rich experiences.

Built with real-time collaboration and with creative freedom at its core, it streamlines the design process while giving you powerful controls for interactivity and animation.

Anything you create is production-ready and can be embedded on the web.

→ Read the announcement

👋 Real-time Collaboration

Hana makes collaboration effortless. Invite others to view or edit your files instantly — just share a link and work side by side. Every change appears live, so you can iterate, give feedback, and move fast together.

✏️ Vector Networks

Hana allows the creation of vector networks for a real-time environment. Vector networks enable the connection of more than two lines to a single point, which makes it easier to create all sorts of shapes.

Overall, Hana gives you intuitive vector tools to draw freely and precisely. Create rectangles, ellipses, or custom shapes using the Pen tool — with full support for vector networks. Design exactly what you imagine, right on the canvas.

🎬 Animations & Interactions

Bring your designs to life with motion and interactive states. Use event-based triggers, like mouse clicks or keyboard input, to experience how your design behaves in action.

📤 Exports

Export your frames or share a live public link. Whether you’re handing off to developers, presenting to stakeholders, or embedding in a webpage, Hana makes sharing simple and keeps you in control of what you send out.