OpenDesign Motion: مفت اوپن سورس Claude Motion متبادل

OpenDesign Motion 15 اکتوبر 2026 کو OpenDesign v0.25.0 میں آیا۔ اس ریلیز کا کوڈ نام OpenDesign Motion ہے۔ سرخی اسے Claude Motion کا اوپن سورس متبادل کہتی ہے۔

یہ ایک آزاد سائٹ ہے۔ ہم OpenDesign، Anthropic، یا Google سے وابستہ نہیں۔

کوڈ open-design ریپو میں ہے۔ ریلیز 53 PRs، 16 contributors، اور 21 دن گنتی ہے۔ اس گنتی کے نیچے لائن ہے code سے ideas کو videos بنائیں۔

OpenDesign Motion کیا ہے

OpenDesign Motion کوڈ کے طور پر بنایا گیا اوپن سورس motion design ہے۔ OpenDesign Apache 2.0 لائسنس کے تحت ہے۔ ریلیز اسے اوپن سورس Claude Motion متبادل کے طور پر رکھتی ہے۔ یہ text-to-video ماڈل نہیں۔

ایک coding agent HTML, CSS, and GSAP لکھتا ہے۔ HyperFrames اس صفحے کو headless Chrome اور FFmpeg سے ایک deterministic MP4 میں رینڈر کرتا ہے۔ HyperFrames، HeyGen کا اوپن سورس، agent-native video framework ہے، جو OpenDesign میں first-class citizen کے طور پر جڑا ہے۔ framework کا لائسنس Apache-2.0 ہے۔ README کیٹالاگ thumbnails کو © HeyGen کے طور پر نشان زد کرتی ہے۔

v0.25.0 نوٹس کہتے ہیں پانچ bundled examples سے شروع کریں، ایک editable animation بنائیں، اور ایک MP4 export کریں۔ video مانگیں تو نتیجہ editable source files اور ایک MP4 ہوتا ہے۔ interactive animations قابلِ چلانے والا HTML رہتی ہیں۔ active preview چھوڑنے پر آواز رک جاتی ہے۔ پانچ examples ہیں Motion Future، Product Promo، Showreel، UI Morph، اور Visual Lesson۔ video export جانچتا ہے کہ MP4 چل سکتا ہے، اور ناکام export قابلِ تدوین source رکھ لیتا ہے۔

وہی ریلیز کہتی ہے کہ یہ ورژن editing، previews، اور آلات کے درمیان کام جاری رکھنے کو ہموار بناتا ہے۔

README کہتی ہے کہ ریپو کے ساتھ 11 HyperFrames templates اور 39 Seedance prompts آتے ہیں۔ README، OpenDesign کے render workflow (composition cache، sandbox-exec workaround، اور MP4-as-chip) کو ریپو میں design-templates/hyperframes/ کی طرف اشارہ کرتی ہے۔

README یہ بھی کہتی ہے کہ HyperFrames کو دوسرے generators کے ساتھ جوڑا جا سکتا ہے۔ cinematic text-to-video اور image-to-video کے لیے Seedance 2.0 کا نام ہے۔ routed model variants کے طور پر Veo 3، Sora 2، اور Kling 2 کے نام ہیں۔ audio layer کے لیے Suno v5 اور Lyria 2 کے نام ہیں۔ وہ pairing دوسرا راستہ ہے۔ Motion render خود اب بھی HTML animation کو MP4 بنانا ہے۔

OpenDesign کوئی agent نہیں بھیجتا۔ README کہتی ہے design engine وہ claude، codex، cursor-agent، copilot، hermes، یا kimi binary ہے جو پہلے سے آپ کے PATH پر ہے۔ ایک کلک سے بدل دیں۔

ایپ خود اوپن سورس ہے۔ یہ کوئی ماڈل bundle نہیں کرتی، اس لیے ماڈل کی لاگت اس agent یا API key پر منحصر ہے جو آپ لاتے ہیں۔

17 اکتوبر 2026 کو eogee.com نے بتایا کہ OpenDesign کی لانچ ٹیم نے کہا لانچ ڈیمو ویڈیو OpenDesign کے اندر DeepSeek V4.1 Flash سے بنی۔ یہ vendor کا دعویٰ ہے۔ اس نوٹ میں کوئی آزاد benchmark نہیں۔

OpenDesign کیسے انسٹال کریں

نیچے کے قدم OpenDesign README کے install راستے ہیں۔ command blocks اسی فائل سے نقل کیے گئے ہیں۔

ڈیسک ٹاپ ایپ

README ڈیسک ٹاپ ایپ کو تیز ترین راستہ کہتی ہے۔ اسے Node نہیں چاہیے، pnpm نہیں چاہیے، اور clone نہیں چاہیے۔

انسٹال کے بعد، ایپ آپ کے PATH پر ہر coding-agent CLI خود پہچانتی ہے۔ یہ 100+ functional skills، الگ rendering-template کیٹالاگ، اور 151 design systems لوڈ کرتی ہے۔ آپ entry view میں ایک brief ٹائپ کرتے ہیں۔

Projects مقامی طور پر یا آپ کی اپنی deployment میں چل سکتے ہیں۔ Cloud model درخواستیں اور OpenDesign Cloud درخواستیں انہی سروسز کو جاتی ہیں۔

coding agent میں انسٹال

GUI کے بغیر OpenDesign استعمال ہو سکتا ہے۔ اسے Claude Code، Codex، Cursor، Copilot، OpenClaw، Antigravity، Hermes، Kimi، اور مزید کے اندر skill، plugin، یا MCP server کے طور پر کال کریں۔

/usr/bin/od OpenDesign کے od کو چھپا سکتا ہے۔ اگر macOS ایپ DMG یا Homebrew cask سے انسٹال کی ہو تو شیل اب بھی od کو Apple کی /usr/bin/od octal-dump یوٹیلیٹی تک حل کر سکتا ہے۔ ڈیسک ٹاپ ایپ میں Settings → MCP server کھولیں اور client کے مطابق snippet کاپی کریں۔ وہ snippet مطلق راستے استعمال کرتا ہے اور ننگے od کمانڈ پر انحصار نہیں کرتا۔ WSL2 استعمال کرنے والے پہلے ریپو میں docs/wsl-setup.md پر عمل کریں۔

install.sh، od mcp install کے گرد ایک پتلا shell wrapper ہے۔ یہ اس لیے ہے کہ میزبانی والا URL لینڈنگ پیج کے HTML fallback کی بجائے shell لوٹائے، اور اگر آپ کا شیل OpenDesign کے علاوہ کوئی od binary حل کرے تو یہ جلدی ناکام ہو۔

# One-line install into the agent you're using:
od mcp install <agent>
# <agent> = claude | codex | reasonix | raven | cursor | copilot | openclaw
#         | antigravity | pi | vibe | hermes | cline | kimi | kiro
#         | trae | opencode

# Hosted equivalent for curl-based setup:
curl -fsSL https://open-design.ai/install.sh | sh -s <agent>

پھر، agent کے اندر:

> Use open-design to generate a landing page with the Linear design system

filesystem پر مبنی مقامی CLI رن میں، agent منتخب functional skill یا design template کو آپ کے DESIGN.md کے ساتھ جوڑ کر canonical project files لکھتا ہے، اور OpenDesign ان فائلوں کا preview کرتا ہے۔ filesystem ٹولز کے بغیر BYOK یا سادہ API رن ایک مکمل <artifact> بلاک لوٹاتا ہے۔

Docker

git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
cp .env.example .env
echo "OD_API_TOKEN=$(openssl rand -hex 32)" >> .env
docker compose up -d
# open http://127.0.0.1:7456

اگر براؤزر credentials مانگے تو username open-design رکھیں اور password deploy/.env سے OD_API_TOKEN کی قدر۔ اس سے host networking کے بغیر Docker bridge ٹریفک تصدیق شدہ رہتی ہے۔ API کلائنٹ Authorization: Bearer <OD_API_TOKEN> استعمال کرتے رہ سکتے ہیں۔

source سے چلائیں

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

tools-dev جو URL چھاپے اسے کھولیں۔ واضح port flags نہ دینے پر development ports متحرک طور پر الاٹ ہوتے ہیں۔

Node ~24 اور pnpm 10.33.x استعمال کریں۔ WSL2 نوٹس docs/wsl-setup.md میں ہیں۔ مقامی Windows نوٹس docs/windows-troubleshooting.md میں ہیں۔ پورا quickstart، env vars، اور packaged build کا بہاؤ QUICKSTART.md میں ہے۔ وہ فائلیں ریپو میں ہیں۔

Motion کیسے شروع کریں

v0.25.0 نوٹس یہ راستہ دیتے ہیں۔ Home یا Community پر Motion Design کھولیں۔ پانچ bundled examples میں سے ایک چنیں۔ @ picker سے motion skills استعمال کریں۔ ایک video مانگیں۔ editable source files اور ایک MP4 ملتے ہیں۔ interactive animations قابلِ چلانے والا HTML رہتی ہیں۔ active preview چھوڑنے پر آواز رک جاتی ہے۔

OpenDesign Motion بمقابلہ Claude Motion بمقابلہ Gemini Omni

نیچے کی قطاریں v0.25.0 ریلیز، OpenDesign README، Anthropic کا 8 اکتوبر 2026 کا مضمون، Claude Motion help center، اور اس سائٹ کا صفحہ Gemini Omni کیا ہے استعمال کرتی ہیں۔

Claude Motion Team and Enterprise پر beta میں ہے۔ help center کہتا ہے یہ Team پر پہلے سے آن ہے۔ Enterprise پر یہ بند رہتا ہے جب تک ایک owner اسے Organization settings > Artifacts میں آن نہ کرے۔ Anthropic کا مضمون Enterprise منتظمین سے کہتا ہے Dashboards اور Motion کے لیے وہی سوئچ استعمال کریں۔

Claude ایسا کوڈ لکھتی ہے جو text، charts، shapes، اور images کو animate کرتا ہے۔ کوئی بھی لفظ، عدد، یا timing بدل سکتے ہیں۔ ٹکڑے کو editor میں درست کر سکتے ہیں، یا Claude سے اسے بدلنے کو کہہ کر پھر MP4 ڈاؤن لوڈ کر سکتے ہیں۔ help center کہتا ہے animation، Motion template سے بنا artifact ہے۔ یہ Artifacts ٹیب میں محفوظ ہوتا ہے۔ Export > MP4 سے export کریں۔ یہ پہلے سے private ہے۔ شیئر کرنے کے لیے Share کریں۔ استعمال plan کی usage limits میں شمار ہوتا ہے۔ لمبی یا زیادہ پیچیدہ animations زیادہ استعمال کرتی ہیں۔

مضمون کی مثالیں: سہ ماہی رپورٹ کا all-hands کے لیے 30 سیکنڈ کے explainer میں بدلنا، board deck کے chart پر motion، اور customer onboarding کے لیے product walkthrough۔ وہ سطریں مضمون کی مثالیں ہیں۔ زیادہ سے زیادہ دورانیہ، resolution، اور frame rate شائع نہیں۔ Anthropic کہتی ہے Claude Motion کوئی video generation ماڈل استعمال نہیں کرتا۔ generated footage نہیں اور AI سے بنے لوگ نہیں۔ Anthropic ایک handoff کی فہرست دیتی ہے: Adobe، Descript، HeyGen، Higgsfield، invideo، Luma AI، یا Runway، اور Canva اور Captions جلد آ رہے ہیں۔

Gemini Omni وہ generative ماڈل ہے جسے Google نے I/O 2026 میں 19 مئی کو پیش کیا۔ یہ text، image، audio، یا video ان پٹ سے ویڈیو بناتا ہے، native synced audio کے ساتھ۔ پہلی ریلیز Gemini Omni Flash ہے۔ یہ اصل footage بناتا ہے۔ OpenDesign Motion اور Claude Motion کوڈ پر مبنی animations رینڈر کرتے ہیں۔ Omni Google AI Plus, Pro, and Ultra میں شامل ہے۔

ایک خانہ شائع نہیں کہتا جب یہ ذرائع وہ حقیقت بیان نہیں کرتے۔

کب کیا استعمال کریں

1. ایسے اوپن سورس motion design کے لیے OpenDesign Motion استعمال کریں جسے آپ HTML، CSS، اور GSAP کے طور پر ترمیم کر سکیں، پھر MP4 کے طور پر export کر سکیں۔ ڈیسک ٹاپ ایپ macOS اور Windows کا احاطہ کرتی ہے۔ Linux source سے چلتا ہے۔ آپ وہ coding agent لاتے ہیں جو پہلے سے آپ کے PATH پر ہے، یا OpenDesign کو کسی ایک میں انسٹال کرتے ہیں۔
2. جب Claude کے اندر text، charts، shapes، اور images کی beta animation چاہیے تو Claude کے Team or Enterprise plan پر Claude Motion استعمال کریں۔ Team پر یہ پہلے سے آن ہے۔ ایک Enterprise owner اسے Organization settings > Artifacts کے تحت آن کرتا ہے۔ Anthropic کے مضمون اور help center سے شروع کریں۔
3. جب generated footage اور native synced audio چاہیے تو Gemini Omni استعمال کریں۔ Gemini Omni کیا ہے اس ماڈل کا احاطہ کرتا ہے۔ Gemini Omni footage prompts، یا OpenDesign pairing راستے کے لیے Seedance اور Veo prompts، پرامپٹ جنریٹر میں مسودہ بنائیں۔

متعلقہ مطالعہ

• GitHub پر OpenDesign
• OpenDesign v0.25.0 ریلیز
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Gemini Omni کیا ہے؟
• پرامپٹ جنریٹر