Zurück zu den Videos

Spline

Hana: A Canvas for Real-Time Interactive Design

Plattform
YouTube
Länge
2:55
Gesprochene Sprache
Englisch (Vereinigte Staaten)
Aufrufe
2432
Median-Schnitt
2.70s
Gesicht im Bild
21%
Dunkle Bilder
43%
Spline Hana: A Canvas for Real-Time Interactive Design at 0:00
SplineHana: A Canvas for Real-Time Interactive Design
0:00
Spline Hana: A Canvas for Real-Time Interactive Design at 0:00
SplineHana: A Canvas for Real-Time Interactive Design
0:00
Spline Hana: A Canvas for Real-Time Interactive Design at 0:06medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:06
Spline Hana: A Canvas for Real-Time Interactive Design at 0:08medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:08
Spline Hana: A Canvas for Real-Time Interactive Design at 0:09medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:09
Spline Hana: A Canvas for Real-Time Interactive Design at 0:12
SplineHana: A Canvas for Real-Time Interactive Design
0:12
Spline Hana: A Canvas for Real-Time Interactive Design at 0:14
SplineHana: A Canvas for Real-Time Interactive Design
0:14
Spline Hana: A Canvas for Real-Time Interactive Design at 0:15
SplineHana: A Canvas for Real-Time Interactive Design
0:15
Spline Hana: A Canvas for Real-Time Interactive Design at 0:17
SplineHana: A Canvas for Real-Time Interactive Design
0:17
Spline Hana: A Canvas for Real-Time Interactive Design at 0:19
SplineHana: A Canvas for Real-Time Interactive Design
0:19
Spline Hana: A Canvas for Real-Time Interactive Design at 0:20
SplineHana: A Canvas for Real-Time Interactive Design
0:20
Spline Hana: A Canvas for Real-Time Interactive Design at 0:21medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:21
Spline Hana: A Canvas for Real-Time Interactive Design at 0:22medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:22
Spline Hana: A Canvas for Real-Time Interactive Design at 0:23medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:23
Spline Hana: A Canvas for Real-Time Interactive Design at 0:24medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:24
Spline Hana: A Canvas for Real-Time Interactive Design at 0:27
SplineHana: A Canvas for Real-Time Interactive Design
0:27
Spline Hana: A Canvas for Real-Time Interactive Design at 0:27
SplineHana: A Canvas for Real-Time Interactive Design
0:27
Spline Hana: A Canvas for Real-Time Interactive Design at 0:29
SplineHana: A Canvas for Real-Time Interactive Design
0:29
Spline Hana: A Canvas for Real-Time Interactive Design at 0:31
SplineHana: A Canvas for Real-Time Interactive Design
0:31
Spline Hana: A Canvas for Real-Time Interactive Design at 0:32
SplineHana: A Canvas for Real-Time Interactive Design
0:32
Spline Hana: A Canvas for Real-Time Interactive Design at 0:37wide presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:37
Spline Hana: A Canvas for Real-Time Interactive Design at 0:38
SplineHana: A Canvas for Real-Time Interactive Design
0:38
Spline Hana: A Canvas for Real-Time Interactive Design at 0:39
SplineHana: A Canvas for Real-Time Interactive Design
0:39
Spline Hana: A Canvas for Real-Time Interactive Design at 0:40
SplineHana: A Canvas for Real-Time Interactive Design
0:40
Spline Hana: A Canvas for Real-Time Interactive Design at 0:42
SplineHana: A Canvas for Real-Time Interactive Design
0:42
Spline Hana: A Canvas for Real-Time Interactive Design at 0:42
SplineHana: A Canvas for Real-Time Interactive Design
0:42
Spline Hana: A Canvas for Real-Time Interactive Design at 0:43
SplineHana: A Canvas for Real-Time Interactive Design
0:43
Spline Hana: A Canvas for Real-Time Interactive Design at 0:46
SplineHana: A Canvas for Real-Time Interactive Design
0:46
Spline Hana: A Canvas for Real-Time Interactive Design at 0:48
SplineHana: A Canvas for Real-Time Interactive Design
0:48
Spline Hana: A Canvas for Real-Time Interactive Design at 0:50
SplineHana: A Canvas for Real-Time Interactive Design
0:50
Spline Hana: A Canvas for Real-Time Interactive Design at 0:51
SplineHana: A Canvas for Real-Time Interactive Design
0:51
Spline Hana: A Canvas for Real-Time Interactive Design at 0:52
SplineHana: A Canvas for Real-Time Interactive Design
0:52
Spline Hana: A Canvas for Real-Time Interactive Design at 0:54
SplineHana: A Canvas for Real-Time Interactive Design
0:54
Spline Hana: A Canvas for Real-Time Interactive Design at 0:55
SplineHana: A Canvas for Real-Time Interactive Design
0:55
Spline Hana: A Canvas for Real-Time Interactive Design at 0:55
SplineHana: A Canvas for Real-Time Interactive Design
0:55
Spline Hana: A Canvas for Real-Time Interactive Design at 0:56
SplineHana: A Canvas for Real-Time Interactive Design
0:56
Spline Hana: A Canvas for Real-Time Interactive Design at 0:56
SplineHana: A Canvas for Real-Time Interactive Design
0:56
Spline Hana: A Canvas for Real-Time Interactive Design at 0:58
SplineHana: A Canvas for Real-Time Interactive Design
0:58
Spline Hana: A Canvas for Real-Time Interactive Design at 0:59medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
0:59
Spline Hana: A Canvas for Real-Time Interactive Design at 1:03
SplineHana: A Canvas for Real-Time Interactive Design
1:03
Spline Hana: A Canvas for Real-Time Interactive Design at 1:06
SplineHana: A Canvas for Real-Time Interactive Design
1:06
Spline Hana: A Canvas for Real-Time Interactive Design at 1:10
SplineHana: A Canvas for Real-Time Interactive Design
1:10
Spline Hana: A Canvas for Real-Time Interactive Design at 1:14
SplineHana: A Canvas for Real-Time Interactive Design
1:14
Spline Hana: A Canvas for Real-Time Interactive Design at 1:16
SplineHana: A Canvas for Real-Time Interactive Design
1:16
Spline Hana: A Canvas for Real-Time Interactive Design at 1:16
SplineHana: A Canvas for Real-Time Interactive Design
1:16
Spline Hana: A Canvas for Real-Time Interactive Design at 1:18
SplineHana: A Canvas for Real-Time Interactive Design
1:18
Spline Hana: A Canvas for Real-Time Interactive Design at 1:20
SplineHana: A Canvas for Real-Time Interactive Design
1:20
Spline Hana: A Canvas for Real-Time Interactive Design at 1:22
SplineHana: A Canvas for Real-Time Interactive Design
1:22
Spline Hana: A Canvas for Real-Time Interactive Design at 1:24
SplineHana: A Canvas for Real-Time Interactive Design
1:24
Spline Hana: A Canvas for Real-Time Interactive Design at 1:26
SplineHana: A Canvas for Real-Time Interactive Design
1:26
Spline Hana: A Canvas for Real-Time Interactive Design at 1:30
SplineHana: A Canvas for Real-Time Interactive Design
1:30
Spline Hana: A Canvas for Real-Time Interactive Design at 1:30
SplineHana: A Canvas for Real-Time Interactive Design
1:30
Spline Hana: A Canvas for Real-Time Interactive Design at 1:32
SplineHana: A Canvas for Real-Time Interactive Design
1:32
Spline Hana: A Canvas for Real-Time Interactive Design at 1:33
SplineHana: A Canvas for Real-Time Interactive Design
1:33
Spline Hana: A Canvas for Real-Time Interactive Design at 1:35
SplineHana: A Canvas for Real-Time Interactive Design
1:35
Spline Hana: A Canvas for Real-Time Interactive Design at 1:36
SplineHana: A Canvas for Real-Time Interactive Design
1:36
Spline Hana: A Canvas for Real-Time Interactive Design at 1:38
SplineHana: A Canvas for Real-Time Interactive Design
1:38
Spline Hana: A Canvas for Real-Time Interactive Design at 1:39
SplineHana: A Canvas for Real-Time Interactive Design
1:39
Spline Hana: A Canvas for Real-Time Interactive Design at 1:42
SplineHana: A Canvas for Real-Time Interactive Design
1:42
Spline Hana: A Canvas for Real-Time Interactive Design at 1:45
SplineHana: A Canvas for Real-Time Interactive Design
1:45
Spline Hana: A Canvas for Real-Time Interactive Design at 1:46
SplineHana: A Canvas for Real-Time Interactive Design
1:46
Spline Hana: A Canvas for Real-Time Interactive Design at 1:50
SplineHana: A Canvas for Real-Time Interactive Design
1:50
Spline Hana: A Canvas for Real-Time Interactive Design at 1:58
SplineHana: A Canvas for Real-Time Interactive Design
1:58
Spline Hana: A Canvas for Real-Time Interactive Design at 1:58
SplineHana: A Canvas for Real-Time Interactive Design
1:58
Spline Hana: A Canvas for Real-Time Interactive Design at 2:01
SplineHana: A Canvas for Real-Time Interactive Design
2:01
Spline Hana: A Canvas for Real-Time Interactive Design at 2:02
SplineHana: A Canvas for Real-Time Interactive Design
2:02
Spline Hana: A Canvas for Real-Time Interactive Design at 2:02
SplineHana: A Canvas for Real-Time Interactive Design
2:02
Spline Hana: A Canvas for Real-Time Interactive Design at 2:03
SplineHana: A Canvas for Real-Time Interactive Design
2:03
Spline Hana: A Canvas for Real-Time Interactive Design at 2:06
SplineHana: A Canvas for Real-Time Interactive Design
2:06
Spline Hana: A Canvas for Real-Time Interactive Design at 2:06medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:06
Spline Hana: A Canvas for Real-Time Interactive Design at 2:07wide presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:07
Spline Hana: A Canvas for Real-Time Interactive Design at 2:13medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:13
Spline Hana: A Canvas for Real-Time Interactive Design at 2:16
SplineHana: A Canvas for Real-Time Interactive Design
2:16
Spline Hana: A Canvas for Real-Time Interactive Design at 2:20
SplineHana: A Canvas for Real-Time Interactive Design
2:20
Spline Hana: A Canvas for Real-Time Interactive Design at 2:24
SplineHana: A Canvas for Real-Time Interactive Design
2:24
Spline Hana: A Canvas for Real-Time Interactive Design at 2:27
SplineHana: A Canvas for Real-Time Interactive Design
2:27
Spline Hana: A Canvas for Real-Time Interactive Design at 2:29
SplineHana: A Canvas for Real-Time Interactive Design
2:29
Spline Hana: A Canvas for Real-Time Interactive Design at 2:32medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:32
Spline Hana: A Canvas for Real-Time Interactive Design at 2:34medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:34
Spline Hana: A Canvas for Real-Time Interactive Design at 2:38medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:38
Spline Hana: A Canvas for Real-Time Interactive Design at 2:38
SplineHana: A Canvas for Real-Time Interactive Design
2:38
Spline Hana: A Canvas for Real-Time Interactive Design at 2:42
SplineHana: A Canvas for Real-Time Interactive Design
2:42
Spline Hana: A Canvas for Real-Time Interactive Design at 2:45medium presenter
SplineHana: A Canvas for Real-Time Interactive Design
2:45
Spline Hana: A Canvas for Real-Time Interactive Design at 2:47
SplineHana: A Canvas for Real-Time Interactive Design
2:47
Spline Hana: A Canvas for Real-Time Interactive Design at 2:50
SplineHana: A Canvas for Real-Time Interactive Design
2:50
Spline Hana: A Canvas for Real-Time Interactive Design at 2:50
SplineHana: A Canvas for Real-Time Interactive Design
2:50
Spline Hana: A Canvas for Real-Time Interactive Design at 2:52
SplineHana: A Canvas for Real-Time Interactive Design
2:52

Transkript von Hana: A Canvas for Real-Time Interactive Design

Von einem Sprachmodell aus dem Ton des Films transkribiert, nicht von der Marke geschrieben. Klicke auf eine Zeile, um an diese Stelle zu springen.

  1. 0:00A lot of people are still asking, what exactly is HANA?
  2. 0:03Is it separate from Spline? Is it just 2G?
  3. 0:06So today we are going to explore exactly what HANA is and why it exists.
  4. 0:11HANA is a real-time canvas for designing interactive 2D and 3D experiences.
  5. 0:17Not just layouts, not just static graphics,
  6. 0:21but 2D and 3D that are meant to respond and animate live on the web.
  7. 0:26HANA is where interaction and visual design are built together from the start.
  8. 0:32If you don't design first and animate later, you can design with interaction in mind from the very beginning.
  9. 0:39Everything you build can respond in real time.
  10. 0:42You can create states, define interactions, and animate transitions directly on the canvas.
  11. 0:48You can hover, click, keyboard events.
  12. 0:51It's all part of the design process, not a separate mode.
  13. 0:54animation isn't an afterthought you don't switch tools motion and structure are designed together
  14. 1:02hannah is built with performance in mind what you design isn't just a mock-up it's meant to
  15. 1:08be embedded directly into websites and digital products that means interactive visuals that are
  16. 1:14production ready hannah also supports real-time collaboration you can share a link work together
  17. 1:20their life and build interactive experiences as a team. You'll be designing with powerful tools
  18. 1:26that allow you to create stunning visual effects and materials. Liquid glass, gradients, blur,
  19. 1:33custom textures, and the list goes on and on. The real-time canvas makes it easy to craft
  20. 1:40high-quality interactive visuals that elevate your designs. And after all that designing,
  21. 1:48you can export your frames in multiple formats that fit any workflow.
  22. 1:52Export as URL, embed code, video, and more.
  23. 1:57This allows you to integrate HANA designs across all platforms.
  24. 2:01Web, mobile, social media, marketing, and beyond.
  25. 2:06Turning the objects into 3D shapes is incredibly intuitive.
  26. 2:10You can easily add depth and dimension to your designs.
  27. 2:13HANA is for designers who care about interaction.
  28. 2:16Designers who want their work to feel alive.
  29. 2:20Brand designers who want motion to be part of the identity.
  30. 2:24Product teams building modern web experiences.
  31. 2:27Anyone who wants their work to go beyond static screens.
  32. 2:32It's about expanding what 2D and 3D can become.
  33. 2:36It's design built for interaction.
  34. 2:38If you've ever felt like your designs, they look good but they don't move,
  35. 2:42Hanna is here to change that.
  36. 2:44You can start with structure, adding directions, design experiences that respond.
  37. 2:51That's Hannah.
37 Zeilen · 402 Wörter

More from Spline

All of Spline →

The rest of their work we have taken apart.

Introducing Spline V2, a complete rebuild of our 3d editor for the ag...Launch191K views
Spline
Introducing Spline V2, a complete rebuild of our 3d editor for the ag...
0:5738 frames3.1s cut3% face
Introducing Spline V2 - AI Agents, WebGPU and MCPLaunch29K views
Spline
Introducing Spline V2 - AI Agents, WebGPU and MCP
0:5838 frames3.1s cut3% face
Preview Release23K views
Spline
Preview Release
0:2438 frames0.5s cut3% face
Introducing Omma - 3D, Apps, and Websites - By SplineLaunch17K views
Spline
Introducing Omma - 3D, Apps, and Websites - By Spline
0:3922 frames1.6s cut0% face
Introducing Hana V2 - Canvas design now with MCP support and 3D files supportLaunch5K views
Spline
Introducing Hana V2 - Canvas design now with MCP support and 3D files support
0:3826 frames1.8s cut4% face

Cut at the same speed

Films whose median shot runs closest to 2.70s.

rabbit r1: $199, no subscription.4.5M views
rabbit
rabbit r1: $199, no subscription.
0:5732 frames2.7s cut0% face
ElevenLabs upgrade
ElevenLabs
ElevenLabs upgrade
1:4483 frames2.7s cut12% face
We brought in a writer of Toy Story to build a robot that feels alive...Launch1.0M views
Karim
We brought in a writer of Toy Story to build a robot that feels alive...
1:1644 frames2.7s cut43% face
Finish your masterpiece.8K views
David Protein
Finish your masterpiece.
1:0539 frames2.7s cut8% face
Meet Act II of Arc Browser | A browser that browses for you736K views
The Browser Company
Meet Act II of Arc Browser | A browser that browses for you
14:20360 frames2.7s cut61% face
Beauty and the Bag with NINGNING26K views
GUCCI
Beauty and the Bag with NINGNING
0:2014 frames2.7s cut29% face
How 3 Students Built a €130K ARR AI Learning System17K views
Lovable
How 3 Students Built a €130K ARR AI Learning System
2:22139 frames2.7s cut66% face
That’s Framer: The pro site builder loved by designers33M views
Framer
That’s Framer: The pro site builder loved by designers
0:3816 frames2.7s cut0% face
Perplexity: A New Search Perspective4.7M views
Perplexity
Perplexity: A New Search Perspective
0:3414 frames2.7s cut0% face
Cursor can now write detailed plans before starting complex tasks. T...425K views
Cursor
Cursor can now write detailed plans before starting complex tasks. T...
1:5873 frames2.7s cut45% face
Create the shader and visual effects of your dreams in Figma Live fr...261K views
Figma
Create the shader and visual effects of your dreams in Figma Live fr...
0:5034 frames2.7s cut3% face
We’re not building a web browser251K views
The Browser Company
We’re not building a web browser
3:48165 frames2.7s cut48% face

Lit and framed like this

Closest on how much of the running time has a face in it and how dark the frames are.

Introducing S1, our new foundation model that learns from one example...Launch3.2M views
Skild AI
Introducing S1, our new foundation model that learns from one example...
5:14147 frames4.3s cut20% face
Hard work, easy website. Get a Free Domain with Framer.14M views
Framer
Hard work, easy website. Get a Free Domain with Framer.
0:2016 frames1.6s cut19% face
Introducing Gemini 2.0 | Our most capable AI model yetLaunch
Google
Introducing Gemini 2.0 | Our most capable AI model yet
2:5267 frames1.5s cut22% face
i genuinely don't understand - guy is solo - users spend their own ...
Ben Cera
i genuinely don't understand - guy is solo - users spend their own ...
1:25103 frames0.5s cut23% face
Comet is now available for Android. Download today on the Google Pla...Launch338K views
Perplexity
Comet is now available for Android. Download today on the Google Pla...
1:0543 frames2.4s cut23% face
Tesla Cathode Factory281K views
Tesla
Tesla Cathode Factory
1:5380 frames2.2s cut18% face
Rippling AI | Keep Your Business Calculated311K views
Rippling
Rippling AI | Keep Your Business Calculated
0:3025 frames1.6s cut24% face
Meet Runway Agent. Your new AI creative partner that helps you ideate...577K views
Runway
Meet Runway Agent. Your new AI creative partner that helps you ideate...
1:3384 frames1.0s cut26% face
Introducing Pika 1.0, An Idea-to-Video PlatformLaunch200K views
Pika Labs
Introducing Pika 1.0, An Idea-to-Video Platform
0:5461 frames1.0s cut15% face
Flux now in Realtime. available in Krea with hundreds of styles incl...151K views
Krea
Flux now in Realtime. available in Krea with hundreds of styles incl...
0:3613 frames15% face
Meet iPhone 17e: A Powerful iPhone at a Great Price17M views
Apple
Meet iPhone 17e: A Powerful iPhone at a Great Price
1:1398 frames0.6s cut15% face
AdobeMAX 2025 is Here | AdobeLaunch1.4M views
Adobe
AdobeMAX 2025 is Here | Adobe
2:33119 frames4.8s cut27% face

More social

Same category, other makers, most watched first.

Your ideas, your apps—Base44622M views
Base44
Your ideas, your apps—Base44
0:5651 frames1.1s cut6% face
Turn any idea into an app with Base44538M views
Base44
Turn any idea into an app with Base44
0:5538 frames2.2s cut50% face
Build Your Website with One Sentence | Base44154M views
Base44
Build Your Website with One Sentence | Base44
0:4835 frames0.9s cut31% face
Rip The Script | Nike Football81M views
Nike Football
Rip The Script | Nike Football
6:00310 frames1.1s cut60% face
PetSmart | "Pickup in...STORE!"75M views
PetSmart
PetSmart | "Pickup in...STORE!"
0:1511 frames1.4s cut64% face
NEO The Home Robot Order Today69M views
1X
NEO The Home Robot Order Today
9:53271 frames2.8s cut25% face
Apple Education: Ready for every learning opportunity69M views
Apple
Apple Education: Ready for every learning opportunity
1:4687 frames1.3s cut40% face
Phone calls suck. So, we bought a giant telephone car, raised $65,00...64M views
Bland
Phone calls suck. So, we bought a giant telephone car, raised $65,00...
1:4854 frames4.3s cut81% face
The Impossible Return – OIKOS 15s Commercial 202646M views
OIKOS Protein
The Impossible Return – OIKOS 15s Commercial 2026
0:1517 frames1.0s cut65% face
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...39M views
Figma
Oh wait there’s more: we’re building 3D Transforms, here’s a preview ...
1:0423 frames4.0s cut78% face
Getting Help is Simple, With Hims36M views
hims
Getting Help is Simple, With Hims
0:3023 frames2.0s cut70% face
Made in Figma (2025) Like this ❤️ we designed it for you36M views
Figma
Made in Figma (2025) Like this ❤️ we designed it for you
0:3872 frames0.5s cut7% face
Browse every frame in the library