Get Started with Interactive 2D in Hana

Get Started with Interactive 2D in Hana

Hana is a new real-time 2D design canvas in Spline that allows you to create animated and interactive scenes directly in the browser. This introductory video is designed to help users get familiar with the interface and guide beginners through the process of creating interactive 2D events.

The walkthrough covers the interface, features, states, events, and export options, while also demonstrating how to build animations and share designs.

Whether you're just starting out or looking to expand your skills, this video will give you the foundation to start creating with Hana.

✨ Check out and duplicate the scenes from the video:
https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/

#interactive#scenes#introducing#hana#tutorial#beginner#design#ixd#webdesign#website#ui#ux#spline#tutorial-interaction#design tool#2d#2d design#interactive 2d#tutorial-hana

What you'll learn

  • 0:00Intro
  • 0:26How to create a 2D design file
  • 0:55Exploring Hana's interface and features
  • 7:47How to add animations and interactivity to your 2D designs
  • 9:24Creating a simple interaction example
  • 13:51How to export and embed your design

Related resources

  • Hana Public Demos
    Hana Public Demos
    Template

Overview

Hana 2D
17min
Beginner