# Menyelami Ciri Baharu Hana: Import Figma, Pencil Tool, Frame as Fill & Banyak Lagi - Spline Academy (https://spline.design/ms/academy/tutorials/deep-dive-into-hana-s-new-features-figma-import-pencil-tool-frame-as-fill-more)

> Hana terus berkembang! 🎉 Dan kemas kini ini menjadikan reka bentuk terasa lebih pantas, ringan dan menyeronokkan.

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Menyelami Ciri Baharu Hana: Import Figma, Pencil Tool, Frame as Fill & Banyak Lagi

# Menyelami Ciri Baharu Hana: Import Figma, Pencil Tool, Frame as Fill & Banyak Lagi

HanaPemula4 min

Hana terus berkembang! 🎉 Dan kemas kini ini menjadikan reka bentuk terasa lebih pantas, ringan dan menyeronokkan.

Dalam video ini, kami membuat lawatan pantas ke ciri terbaharu dalam Hana, daripada membawa reka bentuk Figma terus ke kanvas anda hingga mengubah bingkai 2D rata menjadi pengalaman 3D yang dinamik.

Anda akan meneroka:

- Mengunjurkan bingkai 2D langsung ke mesh 3D
- Aliran kerja Figma-ke-Hana yang lebih lancar
- Penyusunan yang lebih baik dengan Pages
- Lukisan bebas dengan Pencil Tool baharu
- Garisan yang lebih ekspresif menggunakan gradien dan imej

Semua ciri kini tersedia dalam Hana. ✨

💬 Ada soalan? Tinggalkan di ruangan komen di bawah!

⏲️ Bab:

- 00:00 Pengenalan
- 00:36 Frame as Fill
- 01:22 Salin/Tampal daripada Figma
- 01:49 Pages
- 02:07 Pencil Tool
- 02:46 Gradien/Imej pada Garisan
- 03:12 Penutup

👍 Jangan lupa tekan suka dan langgan untuk lebih banyak tutorial dan berita Spline

Pautan: 🌸 Hana → <https://spline.design/hana> 💖 Spline → <http://app.spline.design> 📚 Spline Docs → <https://docs.spline.design> 👋 Spline Community → <https://app.spline.design/community>

Media sosial kami: 📷 Instagram → / splinetool 🎵 TikTok → / splinedesign 💙 LinkedIn → / splinetool 🐦 X → / splinetool 👾 Discord → / discord

## Gambaran keseluruhan

- Hana
- 4 min
- Pemula

## Tutorial berkaitan

[Semua tutorial](https://spline.design/ms/academy/tutorials)

[Tambah Dimensi pada Reka Bentuk Hana dengan Kesan 3D ShapeHanaPemula3 min](https://spline.design/ms/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Reka Bentuk dan Animasikan dengan Topeng VektorHanaPemula7 min](https://spline.design/ms/academy/tutorials/design-and-animate-with-vector-masks)[Cipta Suis Interaktif dengan Progressive Blur dan GradienHanaPemula4 min](https://spline.design/ms/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

- [Terma & Syarat](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Hubungi

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

© 2026 - Spline, Inc.
