# Add Dimension to Hana Designs with the 3D Shape Effect - Hana | Everything You Need To Know - 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. [Courses](https://spline.design/academy/collections)
3. [Hana | Everything You Need To Know](https://spline.design/academy/collections/hana-everything-you-need-to-know)
4. Add Dimension to Hana Designs with the 3D Shape Effect

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

Lesson 2 of 15HanaBeginner3 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

## Up next

[Design Interactions with Liquid Glass & 3D Transforms in Hana16 minBeginner](https://spline.design/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana)[Continue](https://spline.design/academy/collections/hana-everything-you-need-to-know/design-interactions-with-liquid-glass-3d-transforms-in-hana)

[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.