# Spline Hana - AI एजेंटों से चलने वाला डिज़ाइन कैनवस (https://spline.design/hi/hana)

> Hana, Spline का 2D डिज़ाइन कैनवस है: GPU-एक्सेलरेटेड वेक्टर एडिटिंग, स्टेट और एनिमेशन, और AI एजेंट — उसका अपना या MCP के ज़रिए आपका — जो आपकी टीम के साथ डिज़ाइन करते हैं।

# एक डिज़ाइन कैनवस जिसे AI एजेंट चलाते हैं

अपनी टीम के साथ डिज़ाइन करें, AI एजेंटों, MCP और **GPU-एक्सेलरेटेड वेक्टर एडिटिंग टूल की मदद से**।

[बनाना शुरू करें](https://app.spline.design/signin)[अपना एजेंट कनेक्ट करें](https://spline.design/hi/mcp)

लाइब्रेरी

## मोशन में डिज़ाइन, Hana के साथ

Hana में बने उदाहरण देखें। रीमिक्स करें, दोबारा बनाएँ, और जानें कि आपके आइडिया कैसे प्रोडक्शन-रेडी अनुभव बन सकते हैं।

[3D Circular](https://app.spline.design/ui/0c5cafee-bc08-47b1-aa31-41c30beae895)[Fire Character](https://app.spline.design/ui/b0d21f98-f238-4b2c-a6f0-b478719bcc3c)[3D Card](https://app.spline.design/ui/539d3930-61a4-47c9-8324-b81ecb4c93dc)[Cards](https://app.spline.design/ui/0f721512-9f57-455a-8ea9-4641e15a0ca4)[Path Icons](https://app.spline.design/ui/9389d529-f05b-4aa7-9360-11175d1b4e72)

[Noise](https://app.spline.design/ui/c0d70e64-db86-409e-90b5-d03e413eb554)[3D UI](https://app.spline.design/ui/ba70eea9-74e0-4b06-af5e-f622d88b719a)[Power](https://app.spline.design/ui/58ee653d-f29a-489d-83ba-6af3b2086a1a)[Glass Icons](https://app.spline.design/ui/c915f089-5725-47ac-a458-e2df51a45aa1)[Auto Layout](https://app.spline.design/ui/a3144449-bf5c-4189-a3f1-dda35c699bc4)

[Earth](https://app.spline.design/ui/8937cf42-317a-43cb-bbef-d3244437d8c6)[Japanese Text](https://app.spline.design/ui/248fa04b-dae6-4ef4-a457-0eef1e760fbc)[Masking](https://app.spline.design/ui/c7bd1796-a808-44be-8220-fffd02fafbdf)[Blend](https://app.spline.design/ui/98cec79c-bad6-4504-810b-f0a198625a99)[Hana Serif](https://app.spline.design/ui/da8a844d-cff7-403d-b544-d6a0dd8149bf)

डिज़ाइन टूल

## प्रोफ़ेशनल डिज़ाइन के लिए जाने-पहचाने और एडवांस्ड टूल

जाने-पहचाने डिज़ाइन टूल, एडवांस्ड इफ़ेक्ट, और बड़े प्रोजेक्ट को व्यवस्थित रखने का ढाँचा।

- फ़्रेम-आधारित अनंत कैनवस
- वेक्टर नेटवर्क और बूलियन
- पेज और सेक्शन
- ग्रेडिएंट, ग्लास और 3D शेप्स

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

## अपने डिज़ाइन में जान डालें

स्टेट, इवेंट और एनिमेशन से मोशन और इंटरैक्टिविटी जोड़ें, खुद हाथ से या एजेंट से कहकर।

- स्टेट और इवेंट
- ट्रांज़िशन एक्शन से एनिमेट करें
- Follow और Look At इंटरैक्टिविटी

AI एजेंट

## एक कैनवस, जिस पर आपके एजेंट डिज़ाइन कर सकते हैं

Hana का अपना एजेंट कैनवस पर डिज़ाइन करता है, और आपका भी कर सकता है, Claude, ChatGPT, Cursor या किसी भी MCP क्लाइंट से।

- फ़्रेम, इफ़ेक्ट और इंटरैक्शन बनाता है
- कई स्क्रीन एक साथ बनती हैं
- MCP के ज़रिए आपका अपना एजेंट
- सब कुछ हाथ से एडिट किया जा सकता है
[अपना एजेंट कनेक्ट करें](https://spline.design/hi/mcp)

इंटरैक्टिविटी के लिए बना

## इंटरैक्टिविटी के लिए बना एक डिज़ाइन टूल

एक तेज़, जाना-पहचाना इंटरफ़ेस, जिसमें रियल-टाइम इंटरैक्टिव इंटरफ़ेस, मोशन और ग्राफ़िक्स डिज़ाइन करने के लिए ज़रूरी सारे टूल हैं।

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

सहयोग

## मिलकर डिज़ाइन करें, रियल टाइम में

रियल-टाइम सहयोग के साथ एक अनंत कैनवस पर इंटरैक्टिविटी डिज़ाइन करें, जो आपकी पूरी टीम के साझा वर्कस्पेस में व्यवस्थित रहती है।

### रियल-टाइम मल्टीप्लेयर

अपनी पूरी टीम के साथ एक ही फ़ाइल में मिलकर डिज़ाइन करें।

### रोल और परमिशन

हर व्यक्ति के Editor और Viewer रोल पर पूरा कंट्रोल रखें।

### फ़ाइल मैनेजमेंट

हर फ़ाइल और प्रोजेक्ट को रखने और मैनेज करने के लिए टीम की साझा जगह।

### नोट्स और फ़ीडबैक

सीधे एडिटर में अपनी टीम के लिए कमेंट छोड़ें या नोट्स लें।

एक्सपोर्ट

## वेब के लिए इंटरैक्टिविटी शिप करें

इंटरैक्टिव अनुभवों को अपनी वेबसाइटों, वेब ऐप्स और डिजिटल प्रोडक्ट में आसानी से जोड़ें।

इंटरैक्ट करने के लिए माउस या उंगली घुमाएँ[सीन रीमिक्स करें](https://app.spline.design/ui/2e2daf97-d4bb-4861-9ef6-81348aa5a77d)

index.html

```
<!-- Import the Hana Viewer -->
<script type="module"
  src="https://cdn.spline.design/@splinetool/hana-viewer@1.0.97/hana-viewer.js">
</script>

<!-- Add your design anywhere on the page -->
<hana-viewer
  url="https://prod.spline.design/HfFj1WYWsj69dY8U-Eld/scene.hanacode">
</hana-viewer>

```

[Webflow](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Framer](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Wix Studio](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[HTML / JS](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Notion](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)[Shopify](https://docs.spline.design/doc/exporting-in-hana/docqB6tzlb52)

## Hana के साथ डिज़ाइन करना शुरू करें

अपना एजेंट कनेक्ट करें, अपनी टीम को बुलाएँ और आज ही अपना पहला डिज़ाइन शिप करें।

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