# Add Dimension to Hana Designs with the 3D Shape Effect - Spline Academy (https://spline.design/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)

> 3D Shapes are now available in Hana. 🚀

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. Add Dimension to Hana Designs with the 3D Shape Effect

# Add Dimension to Hana Designs with the 3D Shape Effect

HanaBeginner3 min

3D Shapes are now available in Hana. 🚀

In this quick tour, we’ll show you where to find the new 3D Shape effect, how it works, and how you can use it to add depth and dimension to your designs, all in the same canvas.

No new workflow. Just instant 3D.

🕓 Timestamps:

- 00:00 Intro
- 00:19 Where to find the 3D Shape Effect
- 00:38 Customizable properties
- 01:19 How the 3D shape effect works
- 01:47 Interactivity and animation
- 02:18 2D + 3D
- 02:35 What's for the next tutorial

## Related resources

- [3D Icon LightingTemplate](https://app.spline.design/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect?redirect-duplicate-template-uuid=1a2b1c27-a13e-42fd-8f10-d82d707c35cc&is-2d-file=true)
- [3D Shapes in HanaDocument](https://docs.spline.design/hana-a-canvas-for-interactivity/3d-shapes-in-hana)

## Overview

- Hana
- 3 min
- Beginner

## Part of

- [Hana | Everything You Need To Know](https://spline.design/academy/collections/hana-everything-you-need-to-know/add-dimension-to-hana-designs-with-the-3d-shape-effect)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[How to Learn 3D Design with Spline: A Practical Roadmap for Beginners to ProsSpline 3DBeginner8 min](https://spline.design/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicksSpline 3DBeginner5 min](https://spline.design/academy/tutorials/how-to-add-a-3d-drag-drop-interaction-in-spline-level-up-your-website-in-just-a-few-clicks)[Deep Dive into Hana’s New Features: Figma Import, Pencil Tool, Frame as Fill & MoreHanaBeginner4 min](https://spline.design/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)

[Spline](https://spline.design/)

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.