Lottie Creator MCP

आधिकारिक

Lottie Creator MCP आपके AI सहायक को सीधे आपके एनिमेशन वर्कफ़्लो में लाता है — इसे LottieFiles Creator तक पूर्ण पहुँच प्रदान करता है ताकि यह प्राकृतिक भाषा के माध्यम से आपकी ओर से Lottie एनिमेशन बना और संपादित कर सके।

lottie.link पर देखें

Lottie Creator MCP के साथ आप क्या कर सकते हैं?

Create animations from scratch — describe an animation like a loading spinner or character motion and the AI builds it in Lottie Creator layer by layer.
Edit existing animations — ask the AI to change colors, adjust timing, swap easing curves, rename layers, or refactor a scene using the current file state.
Batch generate animation variants — produce multiple versions at once, such as dark/light themes, different sizes, or brand color variations.
Inspect animations for accessibility and brand — request analysis for contrast issues, motion speed, color consistency, or brand alignment, then apply fixes.
Manage scenes and layers — create and switch scenes, set visibility and blend modes, apply masks and mattes, and animate transforms like position, rotation, and scale.
Animate with keyframes and easing — add, read, or remove keyframes on properties such as opacity, color, and path, and set linear or cubic-bezier easing.

दस्तावेज़

Lottie Creator MCP

अपरिभाषित

Lottie Creator MCP

Lottie Creator MCP आपके AI सहायक को सीधे आपके एनीमेशन वर्कफ़्लो में लाता है — इसे LottieFiles Creator तक पूर्ण पहुँच प्रदान करता है ताकि यह प्राकृतिक भाषा के माध्यम से आपकी ओर से Lottie एनिमेशन बना और संपादित कर सके। आप नीचे इंस्टॉलेशन देख सकते हैं।

MCP सर्वर Model Context Protocol का उपयोग करके AI एजेंटों के लिए डेटा स्रोतों से इंटरैक्ट करने हेतु एक मानकीकृत इंटरफ़ेस का हिस्सा हैं। Lottie Creator MCP, Claude, Cursor और Windsurf जैसे AI सहायकों को एक स्थानीय ब्रिज के माध्यम से Creator API से जोड़ता है — जिसका अर्थ है कि आपके AI को Creator तक वही पूर्ण पहुँच मिलती है जो आपको मिलती है।

MCP सक्षम होने पर, आप यह कर सकते हैं:

✦ शुरुआत से एनिमेशन बनाएँ

बताएँ कि आप क्या चाहते हैं — एक लोडिंग स्पिनर, एक प्रोग्रेस बार, एक चरित्र एनीमेशन — और आपका AI इसे सीधे Creator में, परत दर परत बनाएगा।

✦ मौजूदा एनिमेशन संपादित और संशोधित करें

रंग बदलें, समय समायोजित करें, ईज़िंग कर्व बदलें, परतों का नाम बदलें, या पूरे दृश्य को रीफ़ैक्टर करें। आपका AI आपकी फ़ाइल की वर्तमान स्थिति पढ़ता है और वास्तविक समय में इसे संपादित करता है।

✦ बैच में एनिमेशन वेरिएंट उत्पन्न करें

एक साथ एनीमेशन के कई संस्करण स्वचालित रूप से तैयार करें — डार्क और लाइट थीम, विभिन्न आकार, ब्रांड रंग विविधताएँ।

✦ सुलभता और ब्रांड के लिए एनिमेशन का विश्लेषण करें

अपने AI से कंट्रास्ट समस्याओं, गति की गति, रंग स्थिरता, या आपके ब्रांड दिशानिर्देशों के साथ संरेखण के लिए एनिमेशन का निरीक्षण करने के लिए कहें — और जो मिले उसे ठीक करें।

✦ अपने प्रोजेक्ट वर्कफ़्लो में एकीकृत करें

एक व्यापक प्रोजेक्ट पर काम करते समय तुरंत एनीमेशन एसेट उत्पन्न करें।

MCP का उपयोग करने के लिए, इसे अपने AI क्लाइंट में इंस्टॉल करें और LottieFiles Creator में सक्षम करें। नीचे दिए गए अनुभाग प्रत्येक चरण से गुजरते हैं।

पूर्वापेक्षाएँ

इंस्टॉल करने से पहले, सुनिश्चित करें कि आपके पास निम्नलिखित सेटअप है:

✅ 📦 Node.js 18+: npx के माध्यम से MCP पैकेज चलाने के लिए आवश्यक। Node.js डाउनलोड करें →

✅ 🎬 LottieFiles Creator: अपने ब्राउज़र में creator.lottiefiles.com खोलें और इस टैब को खुला रखें।

✅ 🤖 एक MCP-संगत AI: Claude, Cursor, Windsurf, VS Code Copilot, या कोई अन्य MCP-समर्थन करने वाला सहायक।

सबसे पहले, Creator MCP README फ़ाइल पर जाएँ जहाँ आप MCP स्ट्रिंग्स और कमांड्स तक पहुँच सकते हैं।

MCP इंस्टॉल करना

अपने सभी AI उपकरणों के लिए, आप निम्नलिखित कॉन्फ़िग का उपयोग कर सकते हैं:

{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}

यह दस्तावेज़ हमारे कुछ समर्थित MCP क्लाइंट्स के लिए इंस्टॉलेशन चरणों को शामिल करता है। समर्थित MCP क्लाइंट्स के लिए इंस्टॉल गाइड की सूची के लिए, नीचे दी गई सूची देखें:

समर्थित MCP क्लाइंट

Lottie Creator MCP को इंस्टॉल और कनेक्ट करने के लिए अपने विशिष्ट क्लाइंट के निर्देशों का पालन करें। कुछ क्लाइंट स्किल्स का भी समर्थन करते हैं, जो मोशन डिज़ाइन ज्ञान जोड़ते हैं ताकि आपका AI अधिक सुविचारित, परिष्कृत एनिमेशन उत्पन्न कर सके। 🖇️ यहाँ LottieFiles मोशन डिज़ाइन स्किल है।

अपने MCP क्लाइंट के लिए चरणों का पालन करें:

**1. Claude Desktop सेटिंग्स खोलें**

**Settings → Developer** पर नेविगेट करें और **"Edit Config"** पर क्लिक करें। यह आपके कंप्यूटर पर एक JSON कॉन्फ़िग फ़ाइल खोलता है जिसे आप VS Code, Cursor, या किसी भी टेक्स्ट एडिटर में संपादित कर सकते हैं।

<Image src="https://assets.docs.lottiefiles.com/static/cbcf2779e6-640.webp" alt="Claude Desktop Settings → Developer, Edit Config" caption="Claude Desktop Settings" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/cbcf2779e6-640.webp 640w, https://assets.docs.lottiefiles.com/static/cbcf2779e6-1024.webp 1024w" width="1490" height="1070" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAIAAABxZ0isAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAAXklEQVR4nGWNSwqAMAxEc/8DiXgXF4rgp41pTNNWuxGpFEGYxcCbDwgjO5tPVaEUJZ9aBLtdinNkhFGFhPEBhOuVfA0G79DML6gL49B3bSOMMRxQin+B3Sb1+L0t4AYM8YjEckZSmwAAAABJRU5ErkJggg==" />

**2. MCP कॉन्फ़िग जोड़ें**

`mcpServers` ऑब्जेक्ट के अंदर कॉन्फ़िग फ़ाइल में निम्नलिखित पेस्ट करें। JSON को मान्य रखने के लिए आपको ब्रैकेट/कॉमा जोड़ने या हटाने की आवश्यकता हो सकती है।

```jsx
{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}
```

उपरोक्त कॉन्फ़िग पेस्ट करने के बाद कॉन्फ़िग फ़ाइल कैसी दिख सकती है:

```jsx
{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  },
  "preferences": {
    "quickEntryShortcut": "off",
    "coworkScheduledTasksEnabled": false,
    "ccdScheduledTasksEnabled": false,
    "sidebarMode": "chat",
    "coworkWebSearchEnabled": true,
    "floatingAtollActive": true
  }
}
```

**3. सत्यापित करें कि यह कनेक्ट है**

चैट में **"+"** बटन पर क्लिक करें, **Connectors** पर नेविगेट करें, और पुष्टि करें कि `lottiefiles-creator` टॉगल चालू है।

<Image src="https://assets.docs.lottiefiles.com/static/661d017685-640.webp" alt="Claude Desktop Connectors with lottiefiles-creator enabled" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/661d017685-640.webp 640w, https://assets.docs.lottiefiles.com/static/661d017685-1024.webp 1024w" width="1470" height="840" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAXUlEQVR4nE1NQQ7AIAjz/1/14CZGBJEu6JaMpGkobUmqioC7IybYfWGtgCEREUQEYzCuu6J1xZxnNzOkUgrMJoJzzhCdYO5QldNQiXZdJJh5i+eFvYYW4hH+h8/wAH2hnMwEoNxAAAAAAElFTkSuQmCC" />

**1. अपने टर्मिनल में निम्नलिखित कमांड चलाएँ**

बस इतना ही। Claude Code स्वचालित रूप से MCP को इंस्टॉल और पंजीकृत करेगा।

```
claude mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest
```

#### **Cursor के लिए Lottie Creator MCP का उपयोग करना**

1. `Cmd + Shift + P` (Mac) या `Ctrl + Shift + P` (Windows/Linux) दबाएँ → **"Cursor Settings"** खोजें
2. साइडबार में **Tools & MCPs** पर जाएँ
3. **"Add custom MCP"** पर क्लिक करें

<Image src="https://assets.docs.lottiefiles.com/static/1d779c5bf1-640.webp" alt="Cursor Settings → Tools & MCP, Add custom MCP" caption="Cursor Settings" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/1d779c5bf1-640.webp 640w, https://assets.docs.lottiefiles.com/static/1d779c5bf1-1024.webp 1024w" width="1724" height="1122" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAYElEQVR4nD2OWQpFMQhDXUVnh1JKu/8N5qKPvg8hJPEoqSqYGbVWlFKQUkLO+T8kIhGOMXDvhZnFgpqGR27MOdF7j8JaC04VFbDyr/AoHuy9cc4JUmsN5BgXft9L75enP/5xNWNuTqnuAAAAAElFTkSuQmCC" />

4. इसमें पेस्ट करें:

```jsx
{
  "mcpServers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}
```

सहेजें और **Cursor को पूरी तरह से पुनरारंभ करें** (छोड़ें और फिर से खोलें - केवल पुनः लोड नहीं)

पुनरारंभ करने के बाद, **Settings → Tools & MCP** पर जाएँ और आपको `lottiefiles-creator` के बगल में एक हरी बिंदी दिखनी चाहिए जो पुष्टि करती है कि यह कनेक्ट है।

<Image src="https://assets.docs.lottiefiles.com/static/d5e4c14c2c-640.webp" alt="Cursor Settings → Tools & MCP, lottiefiles-creator connected" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/d5e4c14c2c-640.webp 640w, https://assets.docs.lottiefiles.com/static/d5e4c14c2c-1024.webp 1024w" width="1724" height="1118" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAYUlEQVR4nD2NSw7AIAhEOYVfBHSlsfe/3jTY2MUEeDAMqSpEBKUUpJQQQkCM8Rf5MucMZsacE713tNagZoeRmR3ow1oLY4xzICoQU5BHOKhcsZ/9fWCGG5sKyJ033+vtr14GGTV0KRWZBgAAAABJRU5ErkJggg==" />

**विकल्प A: डीप लिंक इंस्टॉल**

1. [LottieFiles MCP सर्वर डीप लिंक](https://vscode.dev/redirect/mcp/install?name=%40lottiefiles%2Fcreator-mcp\&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22%40lottiefiles%2Fcreator-mcp%22%5D%7D) पर क्लिक करें। यह VS Code में MCP कॉन्फ़िगरेशन खोलेगा।
2. **Install** बटन दबाएँ।

<Image src="https://assets.docs.lottiefiles.com/static/215df2a202-640.webp" alt="VS Code Install MCP Server prompt for Lottie Creator" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/215df2a202-640.webp 640w, https://assets.docs.lottiefiles.com/static/215df2a202-1024.webp 1024w" width="1720" height="736" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAIAAAAhqtkfAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAANUlEQVR4nGNQ19TW0NFX0tCSlVcQk5AUFBaFIAYJKRlxSSlhUXG4EFRCSkZOUlpWXFIKTQIAGEcGwVfSfA0AAAAASUVORK5CYII=" />

**विकल्प B: CLI या कॉन्फ़िग फ़ाइल**

या CLI के माध्यम से:

Terminal

```
code --add-mcp '{"name":"lottiefiles-creator","command":"npx","args":["-y","@lottiefiles/creator-mcp@latest"]}'
```

या अपने `.vscode/mcp.json` में जोड़ें:

JSON — .vscode/mcp.json

```
{
  "servers": {
    "lottiefiles-creator": {
      "command": "npx",
      "args": ["-y", "@lottiefiles/creator-mcp@latest"]
    }
  }
}
```

ℹ️ VS Code में MCP उपकरणों का उपयोग करने के लिए आपको अपने खाते पर [GitHub Copilot](https://github.com/features/copilot) सक्षम करना होगा।

``` amp mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest ``` Antigravity के MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। Cline के MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। [MCP कॉन्फ़िगर गाइड](https://github.com/openai/codex/blob/main/docs/config.md) का पालन करें, इसका उपयोग करके:

```
[mcp_servers.lottiefiles-creator]
command = "npx"
args = ["-y", "@lottiefiles/creator-mcp@latest"]
```

या CLI के माध्यम से जोड़ें:

```
codex mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest
```

1. `copilot` प्रारंभ करें 2. `/mcp add` चलाएँ 3. कॉन्फ़िगर करें: - सर्वर का नाम: `lottiefiles-creator` - सर्वर प्रकार: `Local` - कमांड: `npx -y @lottiefiles/creator-mcp@latest` VS Code MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। या CLI के माध्यम से:

```
code --add-mcp '{"name":"lottiefiles-creator","command":"npx","args":["-y","@lottiefiles/creator-mcp@latest"]}'
```

``` gh copilot mcp add lottiefiles-creator -- npx -y @lottiefiles/creator-mcp@latest ``` ``` droid mcp add lottiefiles-creator "npx -y @lottiefiles/creator-mcp@latest" ``` ``` gemini mcp add lottiefiles-creator npx -y @lottiefiles/creator-mcp@latest gemini mcp add -s user lottiefiles-creator npx -y @lottiefiles/creator-mcp@latest ``` Gemini Code Assist MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। JetBrains MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। Kiro MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। Qoder MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। इसके साथ एक स्थानीय MCP सर्वर जोड़ें:

- नाम: `lottiefiles-creator`
- कमांड: `npx`
- तर्क: `y @lottiefiles/creator-mcp@latest`

Warp MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें। Windsurf MCP सेटअप दस्तावेज़ों का पालन करें और उपरोक्त कॉन्फ़िग का उपयोग करें।

Lottie Creator से कनेक्ट करना

Lottie Creator खोलें

अपने ब्राउज़र में creator.lottiefiles.com पर नेविगेट करें और अपने सत्र के दौरान इस टैब को खुला रखें। MCP इस ब्राउज़र टैब के माध्यम से Creator के साथ संचार करता है।

Creator में MCP सक्षम करें

Creator में, Settings → MCP Settings → Enable MCP पर जाएँ।

Lottie Creator Settings → MCP Settings with Enable MCP

कनेक्शन की पुष्टि करें

आपको Creator में एक सूचना देखनी चाहिए: Local MCP bridge connected

Lottie Creator notification: Local MCP bridge connected

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

Lottie Creator top bar with a blue MCP connection indicator next to the file name

स्किल्स के बारे में

स्किल्स इस बात के लिए मार्गदर्शन प्रदान करती हैं कि एक एजेंट को एनीमेशन कार्यों को कैसे करना चाहिए — MCP टूल कॉल्स और पुन: प्रयोज्य निर्देशों के रूप में शामिल गहन मोशन डिज़ाइन ज्ञान के संयोजन का उपयोग करके।

जबकि Lottie Creator MCP अलग-अलग उपकरणों (एक परत बनाएँ, एक कीफ़्रेम सेट करें, एक भरण समायोजित करें) को उजागर करता है, स्किल्स आपके AI को यह समझने में मदद करती हैं कि उनका अच्छी तरह से उपयोग कैसे करें। जैसे कि यह जानना कि कौन सा ईज़िंग कर्व बाउंस बनाम फ़ेड के लिए उपयुक्त है, मल्टी-एलिमेंट प्रवेश को कैसे अनुक्रमित करें, या समय को कैसे संरचित करें ताकि एनीमेशन यांत्रिक के बजाय सुविचारित लगे।

स्किल्स MCP कनेक्शन को प्रतिस्थापित नहीं करती हैं या नए उपकरण नहीं जोड़ती हैं। वे मोशन डिज़ाइन विशेषज्ञता को निर्देशों में पैकेज करके अनुमान को कम करती हैं, जिन पर आपका AI जब भी एनिमेशन पर काम करता है, स्वचालित रूप से आधारित होता है।

मोशन डिज़ाइन स्किल इंस्टॉल करें

इस कमांड को अपने टर्मिनल में एक बार चलाएँ। यह Claude Code, Cursor, Codex और GitHub Copilot सहित 40+ एजेंटों के साथ काम करता है।

Terminal

npx skills add LottieFiles/motion-design-skill

✨ अत्यधिक अनुशंसित। एक AI जो कठोर, यांत्रिक एनिमेशन उत्पन्न करता है और एक जो परिष्कृत, सुविचारित गति उत्पन्न करता है, के बीच का अंतर लगभग पूरी तरह से इस बात पर निर्भर करता है कि उसके पास यह संदर्भ है या नहीं। इसे एक बार इंस्टॉल करें और यह प्रत्येक एनीमेशन सत्र पर लागू होता है।

GitHub पर पूर्ण स्किल देखें → LottieFiles/motion-design-skill

क्षमताएँ

MCP आपके AI को Creator API तक पूर्ण पहुँच देता है। यहाँ वह सब कुछ है जो यह कर सकता है:

🎬 दृश्य प्रबंधन

दृश्य बनाएँ — नाम, आकार, फ़्रेमरेट, अवधि सेट करें
दृश्यों के बीच स्विच करें
पृष्ठभूमि रंग सेट करें (केवल पूर्वावलोकन, निर्यात नहीं)
दृश्य गुण पढ़ें — परतें, आकार, फ़्रेमरेट
दृश्यों को Lottie JSON में निर्यात करें
Lottie JSON, dotLottie, SVG, या छवियाँ आयात करें

🗂 परत प्रबंधन

दृश्यता, लॉक स्थिति और फ़ोकस सेट करें
समय नियंत्रित करें — प्रारंभ फ़्रेम, अंत फ़्रेम, ऑफ़सेट
ब्लेंड मोड सेट करें (मल्टीप्लाई, स्क्रीन, ओवरले सहित 16 मोड)
मास्क और मैट लागू करें और एनिमेट करें
परतों को संरेखित और फ़्लिप करें
ट्रांसफ़ॉर्म एनिमेट करें — स्थिति, घुमाव, स्केल, तिरछापन

🔷 आकृति निर्माण

आयत — स्थिति, आकार, कोने की गोलाई
दीर्घवृत्त — स्थिति, आकार
बहुभुज — बिंदु, त्रिज्या, गोलाई
तारा — आंतरिक/बाहरी त्रिज्या, बिंदु
पथ — पूर्ण स्पर्शरेखा नियंत्रण के साथ कस्टम बेज़ियर
समूह — मौजूदा आकृतियों को एक साथ समूहित करें

🎨 भरण और स्ट्रोक

ठोस रंग भरण — स्थिर या एनिमेटेड RGB
रैखिक ढाल भरण — कस्टम प्रारंभ/अंत बिंदु
रेडियल ढाल भरण — हाइलाइट कोण और लंबाई
ठोस और ढाल स्ट्रोक — एनिमेटेबल चौड़ाई के साथ
ट्रिम पथ — ड्राइंग एनिमेट करें (प्रारंभ %, अंत %, ऑफ़सेट)

⏱️ एनीमेशन और कीफ़्रेम

विशिष्ट फ़्रेम पर मानों के साथ कीफ़्रेम जोड़ें
स्थिर मान सेट करें (कोई एनीमेशन नहीं)
कीफ़्रेम पढ़ें, निरीक्षण करें और हटाएँ
ईज़िंग सेट करें — रैखिक या घन बेज़ियर (x1, y1, x2, y2)
एनिमेट करें: स्थिति, घुमाव, स्केल, अस्पष्टता, रंग, पथ, और अधिक

🖼 एसेट और प्लेबैक

एसेट (दृश्य और छवियाँ) सूचीबद्ध करें, क्लोन करें और हटाएँ
छवि गुण पढ़ें — चौड़ाई, ऊँचाई, base64 URI
चलाएँ, रोकें और विशिष्ट फ़्रेम पर जाएँ
वर्तमान फ़्रेम और प्लेबैक स्थिति पढ़ें
चयनित नोड्स और कीफ़्रेम पढ़ें

जल्द आ रहा है: स्टेट मशीनें और मोशन टोकन

सर्वोत्तम अभ्यास

बेहतर गुणवत्ता के लिए मोशन डिज़ाइन स्किल इंस्टॉल करें: MCP आपके AI को उपकरण देता है। मोशन डिज़ाइन स्किल इसे उनका अच्छी तरह से उपयोग करने का निर्णय देती है — ईज़िंग कर्व, समय सिद्धांत, कोरियोग्राफी। एक कमांड, काफी बेहतर आउटपुट। मोशन डिज़ाइन स्किल यहाँ पाई जा सकती है।
अपने स्वयं के SVG से शुरू करें, फिर एनिमेट करें: शुरुआत से चित्रण आकृतियाँ उत्पन्न करते समय AI अप्रत्याशित हो सकता है। सर्वोत्तम परिणामों के लिए, पहले अपने मौजूदा SVG एसेट को Creator में आयात करें, फिर अपने AI से उन्हें एनिमेट करने के लिए कहें। यह आपकी दृश्य शैली को सुसंगत रखता है और AI को उस पर ध्यान केंद्रित करने देता है जो वह सबसे अच्छा करता है — गति, समय और अनुक्रमण।
- इन रीमिक्स लिंक का परीक्षण करें
  - पदक: https://lottie.link/metal
  - मौसम: https://lottie.link/weather
  - ग्राफ़: https://lottie.link/graph
  - मेल बॉक्स: https://lottie.link/mailbox1
हमेशा अपने लिए उपलब्ध सर्वोत्तम मॉडल का उपयोग करें: एनीमेशन की गुणवत्ता सीधे मॉडल के साथ मापी जाती है। यदि आपके पास Claude Sonnet या Opus तक पहुँच है, तो इसे एक छोटे मॉडल पर उपयोग करें — यह समय, अनुक्रमण और स्थानिक तर्क को कैसे संभालता है, इसमें अंतर ध्यान देने योग्य है।
प्रॉम्प्ट करने से पहले अपनी परतों को नाम दें: AI आपके एनीमेशन की संरचना को समझने के लिए आपकी परत के नाम पढ़ता है। left_arm, right_leg, bg_circle, और text_headline जैसी अच्छी तरह से नामित परतें इसे सही तत्वों को लक्षित करने, गलतियों से बचने और जटिल दृश्यों में व्यवस्थित रहने में मदद करती हैं। Shape 1 या Group 4 जैसे सामान्य नाम AI के लिए आपके काम पर सटीक रूप से निर्माण करना कठिन बना देते हैं।
जटिल एनिमेशन को चरणों में तोड़ें: "मेरे लिए एक पूर्ण ऑनबोर्डिंग एनीमेशन बनाएँ" के बजाय, दृश्य दर दृश्य जाएँ। दृश्य बनाएँ → आकृतियाँ जोड़ें → कीफ़्रेम जोड़ें → समय परिष्कृत करें। छोटे चरण आपको अधिक नियंत्रण देते हैं और त्रुटियों को पकड़ना और सही करना आसान बनाते हैं।
समय और अनुभव के बारे में विशिष्ट रहें: "एक सहज फ़ेड" अस्पष्ट है। "ईज़-आउट के साथ 400ms फ़ेड-इन" आपके AI को काम करने के लिए कुछ देता है। आप जितना अधिक अनुभव का वर्णन करेंगे — स्नैपी, बाउंसी, धीमा और सिनेमाई — पहला परिणाम उतना ही करीब होगा जितना आप कल्पना कर रहे हैं।