# पेश है Hana - Spline blog (https://spline.design/hi/blog/introducing-hana)

> इंटरैक्टिव डिज़ाइन के लिए एक नया कैनवास।

[ब्लॉग](https://spline.design/hi/blog)

23 अप्रैल 2025

# पेश है Hana

इंटरैक्टिव डिज़ाइन के लिए एक नया कैनवास।

[Hana खोलें](https://app.spline.design)

Hana इंटरैक्टिव डिज़ाइन का एक नया तरीका पेश करता है। परफ़ॉर्मेंस को केंद्र में रखकर शुरू से बनाया गया Hana एक रियल-टाइम कैनवास है, जिस पर आप इंटरैक्टिव 2D अनुभव डिज़ाइन और एनिमेट कर सकते हैं — निखरे हुए इंटरफ़ेस से लेकर डायनामिक विज़ुअल तक — और उन्हें प्रोडक्शन तक पहुँचा सकते हैं।

Hana आपको एक तेज़ और अनंत कैनवास पर ऐसा समृद्ध, स्टेट पर आधारित कंटेंट बनाने की ताक़त देता है जो व्यवहार करता है, रिस्पॉन्ड करता है और रिएक्ट करता है।

इंटरैक्ट करने के लिए hover या टच करें (Hana से बना अनुभव)

## क्षमताएँ

Hana के लिए हमने एक नए तरह का रेंडर इंजन बनाया है, जो वेक्टर डेटा को बहुत तेज़ी से, रियल टाइम में प्रोसेस कर सकता है। यह क्रिएटर्स को आधुनिक वेक्टर नेटवर्क एडिटिंग, स्टेट पर आधारित ट्रांज़िशन और GPU से तेज़ होने वाले इफ़ेक्ट देता है — वह भी एक कोलैबोरेटिव, ब्राउज़र-नेटिव माहौल में।

Hana में आप जो कुछ भी डिज़ाइन करते हैं, वह डिफ़ॉल्ट रूप से प्रोडक्शन के लिए तैयार होता है। चाहे कोई सरल शेप हो या एक जटिल इंटरैक्टिव अनुभव, Hana का इंजन ऐसे रियल-टाइम इंटरैक्शन संभालने के लिए बना है जिन्हें किसी भी वेबसाइट या ऐप में आसानी से एम्बेड किया जा सके।

सटीक वेक्टर ड्रॉइंग से लेकर सॉफ़्ट शैडो और ब्लर तक, Hana ताक़त और सरलता को इस तरह जोड़ता है कि यह हल्का लगता है — फिर भी असीमित।

Hana से बने अनुभव

## रियल-टाइम डिज़ाइन कोलैबोरेशन

Hana में फ़्रेम चलाए जा सकने वाले कंपोनेंट हो सकते हैं, जो एडिटर के अंदर ही स्वतंत्र रूप से काम करते हैं। इससे "Animate" मोड की ज़रूरत ख़त्म हो जाती है और बनाने की प्रक्रिया आसान हो जाती है। इसके बजाय, आप एडिटर में किसी फ़्रेम पर सीधे चलाकर अपने अनुभव के साथ इंटरैक्ट कर सकते हैं। आगे चलकर फ़्रेम को अलग-अलग लाइव URL, इमेज और दूसरे फ़ॉर्मेट में भी एक्सपोर्ट किया जा सकेगा।

एक लिंक शेयर करें, और आपके साथी तुरंत आपके कैनवास पर आकर उसका अनुभव ले सकते हैं और उसमें योगदान दे सकते हैं। हर बदलाव लाइव दिखता है। फ़ीडबैक तुरंत मिलता है। यह शुरू से ही मल्टीप्लेयर है, और सही तरीके से।

Hana, Spline के 3D एडिटर के पहले से मौजूद रियल-टाइम कोलैबोरेशन सिस्टम का फ़ायदा उठाता है, ताकि आपकी टीम तेज़ी से आगे बढ़ सके और तालमेल में रहे।

Hana से बने वेक्टर नेटवर्क

## रियल-टाइम में वेक्टर नेटवर्क

वेक्टर नेटवर्क (2016 में Figma का पेश किया गया कॉन्सेप्ट) एक ही पॉइंट से दो से ज़्यादा लाइनें जोड़ने देते हैं, जिससे हर तरह के शेप बनाना आसान हो जाता है।

Hana इस तरीके को अगले स्तर पर ले जाता है और पहला ऐसा सिस्टम पेश करता है जो रियल-टाइम माहौल के लिए वेक्टर नेटवर्क बनाने देता है।

इसके अलावा, मल्टी-लेवल boolean से आप एडवांस्ड शेप और फ़्लूइड इफ़ेक्ट बना सकते हैं, और जटिल, एनिमेट किए जा सकने वाले शेप आसानी से पा सकते हैं।

## इंटरैक्शन और एनिमेशन

इवेंट पर आधारित इंटरैक्शन से अपने डिज़ाइन में व्यवहार जोड़ें — hover स्टेट से लेकर कीबोर्ड इनपुट तक। सीधे कैनवास पर ट्रांज़िशन एनिमेट करें, फ़्लो बनाएँ और मोशन के साथ प्रयोग करें। टूल बदलने की कोई ज़रूरत नहीं।

Hana के साथ मोशन और इंटरैक्टिविटी बाद में सोची गई चीज़ नहीं, बल्कि डिज़ाइन प्रक्रिया का हिस्सा बन जाते हैं।

## प्रोडक्शन के लिए एक्सपोर्ट और शेयर करें

Spline के 3D एडिटर की तरह, Hana में भी आप किसी भी फ़्रेम से लाइव इंटरैक्टिव लिंक बना सकते हैं। सब कुछ प्रोडक्शन के लिए तैयार माहौल में एम्बेड करने के लिए ऑप्टिमाइज़ किया गया है, ताकि आपका काम डिप्लॉयमेंट में भी उतना ही अच्छा दिखे जितना एडिटर में।

## इंटरैक्टिविटी का अगला दौर

यह इंटरैक्टिव सोच का एक नया माध्यम है। चाहे आप कोई प्रोडक्ट डिज़ाइन कर रहे हों, कोई UI इंटरैक्शन गढ़ रहे हों, या समृद्ध इंटरैक्टिव अनुभव बना रहे हों, Hana आपके आइडिया को साकार करने में मदद कर सकता है।

**Hana आगे आने वाली चीज़ों की नींव है।**

यह उस बड़े विज़न का पहला कदम है जो अब Spline का इकोसिस्टम है, जहाँ 2D/3D डिज़ाइन और इंटरैक्टिविटी सहज रूप से घुल-मिलकर डिप्लॉय होते हैं।

हम यह देखने के लिए बेताब हैं कि आप Hana से क्या बनाते हैं!

— Spline टीम 🌸

[और जानें](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm)

## ब्लॉग से और

[3 नवंबर 2026पेश है Spline Arena](https://spline.design/hi/blog/introducing-spline-arena)[21 अक्टूबर 2026पेश है ChatGPT के लिए Spline](https://spline.design/hi/blog/introducing-spline-for-chatgpt)[27 अगस्त 2026पेश है Hana V2](https://spline.design/hi/blog/hana-v2)

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

टीमों और उनके एजेंटों के लिए 3D और 2D एडिटर। वेब, iOS और Android पर पब्लिश करें।

#### Spline के बारे में AI से पूछें

#### प्रोडक्ट

- [3D डिज़ाइन](https://spline.design/hi/3d-design)
- [Hana](https://spline.design/hi/hana)
- [Omma](https://omma.build)
- [AI 3D जनरेशन](https://spline.design/hi/ai-generate)
- [Spline MCP](https://spline.design/hi/mcp)
- [Spline Arena](https://spline.design/hi/arena)
- [कीमतें](https://spline.design/hi/pricing)
- [एंटरप्राइज़](https://spline.design/hi/enterprise)

#### रनटाइम

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

#### ऐप्स

- [डाउनलोड](https://spline.design/hi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror डाउनलोड करें](https://spline.design/download-mirror)

#### सीखें

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/hi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [सॉल्यूशंस](https://spline.design/solutions)

#### कम्युनिटी

- [Spline कम्युनिटी](https://community.spline.design)
- [Blog](https://spline.design/hi/blog)
- [चेंजलॉग](https://spline.design/hi/changelog)
- [शिक्षा](https://spline.design/hi/education)
- [Contra](https://spline.design/contra)
- [एफ़िलिएट](https://spline.design/hi/affiliate)

#### कंपनी

- [ग्राहक](https://spline.design/hi/customers)
- [करियर](https://www.ycombinator.com/companies/spline/jobs)
- [सुरक्षा](https://spline.design/hi/security)

#### कानूनी

- [नियम और शर्तें](https://spline.design/terms)
- [प्राइवेसी](https://spline.design/privacy)

#### संपर्क

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

© 2026 - Spline, Inc.