OpenDesign Motion: বিনামূল্যের ওপেন-সোর্স Claude Motion বিকল্প

OpenDesign Motion ১৫ অক্টোবর ২০২৬-এ OpenDesign v0.25.0-এ এসেছে। সেই রিলিজের কোডনেম OpenDesign Motion। শিরোনাম এটিকে বলে Claude Motion-এর ওপেন-সোর্স বিকল্প।

এটি একটি স্বাধীন সাইট। আমরা OpenDesign, Anthropic, বা Google-এর সঙ্গে অধিভুক্ত নই।

কোড আছে open-design রিপোতে। রিলিজের হিসাব ৫৩টি PR, ১৬ জন অবদানকারী, এবং ২১ দিন। সেই হিসাবের নিচের লাইন হলো কোড দিয়ে আইডিয়াকে ভিডিও বানান।

OpenDesign Motion কী

OpenDesign Motion হলো কোড হিসেবে বানানো ওপেন সোর্স মোশন ডিজাইন। OpenDesign Apache 2.0 লাইসেন্সের অধীনে। রিলিজ এটিকে একটি ওপেন-সোর্স Claude Motion বিকল্প হিসেবে রাখে। এটি একটি text-to-video মডেল নয়।

একটি কোডিং এজেন্ট HTML, CSS, এবং GSAP লেখে। HyperFrames সেই পেজকে headless Chrome ও FFmpeg দিয়ে একটি নির্ধারিত MP4-এ রেন্ডার করে। HyperFrames হলো HeyGen-এর ওপেন-সোর্স, এজেন্ট-নেটিভ ভিডিও ফ্রেমওয়ার্ক, OpenDesign-এ প্রথম-শ্রেণির নাগরিক হিসেবে যুক্ত। ফ্রেমওয়ার্কের লাইসেন্স Apache-2.0। README ক্যাটালগ থাম্বনেইলকে © HeyGen হিসেবে চিহ্নিত করে।

v0.25.0 নোট বলে পাঁচটি বাণ্ডল করা উদাহরণ থেকে শুরু করতে, একটি এডিটযোগ্য অ্যানিমেশন বানাতে, এবং একটি MP4 এক্সপোর্ট করতে। ভিডিও চাইলে ফল হয় এডিটযোগ্য সোর্স ফাইল ও একটি MP4। ইন্টারঅ্যাকটিভ অ্যানিমেশন চালানো যায় এমন HTML থাকে। অ্যাকটিভ প্রিভিউ ছাড়লে শব্দ থেমে যায়। পাঁচটি উদাহরণ হলো Motion Future, Product Promo, Showreel, UI Morph, এবং Visual Lesson। ভিডিও এক্সপোর্ট দেখে MP4 চলে কি না, এবং ব্যর্থ এক্সপোর্ট এডিটযোগ্য সোর্স রেখে দেয়।

একই রিলিজ বলে এই ভার্সন এডিটিং, প্রিভিউ, এবং ডিভাইস জুড়ে কাজ চালিয়ে যাওয়াকে মসৃণ করে।

README বলে রিপোর সঙ্গে ১১টি HyperFrames টেমপ্লেট এবং ৩৯টি Seedance প্রম্পট আসে। README OpenDesign-এর রেন্ডার ওয়ার্কফ্লোকে (composition cache, sandbox-exec workaround, এবং MP4-as-chip) রিপোর design-templates/hyperframes/-এর দিকে দেখায়।

README আরও বলে HyperFrames-কে অন্য জেনারেটরের সঙ্গে জোড়া যায়। সিনেম্যাটিক text-to-video ও image-to-video-এর জন্য Seedance 2.0-এর নাম আছে। রাউট করা মডেল ভ্যারিয়েন্ট হিসেবে Veo 3, Sora 2, এবং Kling 2-এর নাম আছে। অডিও স্তরের জন্য Suno v5 ও Lyria 2-এর নাম আছে। সেই জোড়া একটি দ্বিতীয় পথ। Motion রেন্ডার নিজে তখনও HTML অ্যানিমেশনকে MP4-এ বদলানো।

OpenDesign কোনো এজেন্ট পাঠায় না। README বলে ডিজাইন ইঞ্জিন হলো আপনার PATH-এ আগে থেকে থাকা claude, codex, cursor-agent, copilot, hermes, বা kimi বাইনারি। এক ক্লিকে বদলান।

অ্যাপটি নিজে ওপেন সোর্স। এটি কোনো মডেল বান্ডল করে না, তাই মডেলের খরচ নির্ভর করে আপনি যে এজেন্ট বা API key আনেন তার ওপর।

১৭ অক্টোবর ২০২৬-এ eogee.com জানিয়েছে OpenDesign লঞ্চ টিম বলেছে লঞ্চ ডেমো ভিডিও OpenDesign-এর ভিতরে DeepSeek V4.1 Flash দিয়ে বানানো। এটি ভেন্ডরের দাবি। নোটটিতে কোনো স্বাধীন বেঞ্চমার্ক নেই।

OpenDesign কীভাবে ইনস্টল করবেন

নিচের ধাপগুলো OpenDesign README-এর ইনস্টল পথ। কমান্ড ব্লক সেই ফাইল থেকে কপি করা।

ডেস্কটপ অ্যাপ

README ডেস্কটপ অ্যাপকে দ্রুততম পথ বলে। এতে Node লাগে না, pnpm লাগে না, এবং clone লাগে না।

ইনস্টলের পর অ্যাপ আপনার PATH-এ থাকা প্রতিটি coding-agent CLI নিজে শনাক্ত করে। এটি ১০০+ functional skill, আলাদা rendering-template ক্যাটালগ, এবং ১৫১টি design system লোড করে। আপনি এন্ট্রি ভিউতে একটি ব্রিফ লেখেন।

প্রজেক্ট লোকালে বা আপনার নিজের ডিপ্লয়মেন্টে চলতে পারে। ক্লাউড মডেল রিকোয়েস্ট এবং OpenDesign Cloud রিকোয়েস্ট সেই সার্ভিসে যায়।

একটি কোডিং এজেন্টে ইনস্টল

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 খুলে ক্লায়েন্ট-নির্দিষ্ট স্নিপেট কপি করুন। সেই স্নিপেট অ্যাবসলিউট পাথ ব্যবহার করে এবং খালি od কমান্ডের ওপর নির্ভর করে না। WSL2 ব্যবহারকারীরা আগে রিপোর docs/wsl-setup.md অনুসরণ করুন।

install.sh হলো od mcp install-এর চারপাশে একটি পাতলা shell wrapper। এটি আছে যাতে হোস্টেড URL ল্যান্ডিং পেজের HTML ফলব্যাকের বদলে shell ফেরায়, এবং আপনার শেল OpenDesign-নয় এমন কোনো od বাইনারি রিজলভ করলে এটি দ্রুত ব্যর্থ হয়।

# 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>

তারপর, এজেন্টের ভিতরে:

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

ফাইলসিস্টেম-ভিত্তিক লোকাল CLI রানে এজেন্ট বাছাই করা functional skill বা design template আপনার DESIGN.md-এর সঙ্গে মিলিয়ে ক্যানোনিকাল প্রজেক্ট ফাইল লেখে, এবং OpenDesign সেই ফাইল প্রিভিউ করে। ফাইলসিস্টেম টুল ছাড়া একটি 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

ব্রাউজার ক্রেডেনশিয়াল চাইলে ইউজারনেম হিসেবে open-design এবং পাসওয়ার্ড হিসেবে deploy/.env থেকে OD_API_TOKEN মান ব্যবহার করুন। এতে হোস্ট নেটওয়ার্কিং ছাড়াই Docker bridge ট্র্যাফিক অথেন্টিকেটেড থাকে। API ক্লায়েন্ট Authorization: Bearer <OD_API_TOKEN> ব্যবহার করতে পারে।

সোর্স থেকে চালান

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 ছাপে সেটি খুলুন। স্পষ্ট পোর্ট ফ্ল্যাগ না দিলে ডেভেলপমেন্ট পোর্ট গতিশীলভাবে বরাদ্দ হয়।

Node ~24 এবং pnpm 10.33.x ব্যবহার করুন। WSL2 নোট আছে docs/wsl-setup.md-এ। নেটিভ Windows নোট আছে docs/windows-troubleshooting.md-এ। পুরো কুইকস্টার্ট, env var, এবং প্যাকেজড বিল্ড ফ্লো আছে QUICKSTART.md-এ। সেই ফাইলগুলো রিপোতে আছে।

Motion কীভাবে শুরু করবেন

v0.25.0 নোট এই পথ দেয়। Home বা Community-তে Motion Design খুলুন। পাঁচটি বাণ্ডল করা উদাহরণ থেকে একটি বেছে নিন। @ picker থেকে motion skill ব্যবহার করুন। একটি ভিডিও চান। আপনি এডিটযোগ্য সোর্স ফাইল ও একটি MP4 পান। ইন্টারঅ্যাকটিভ অ্যানিমেশন চালানো যায় এমন HTML থাকে। অ্যাকটিভ প্রিভিউ ছাড়লে শব্দ থেমে যায়।

OpenDesign Motion বনাম Claude Motion বনাম Gemini Omni

নিচের সারিগুলো ব্যবহার করে v0.25.0 রিলিজ, OpenDesign README, Anthropic-এর ৮ অক্টোবর ২০২৬-এর নিবন্ধ, Claude Motion help center, এবং এই সাইটের Gemini Omni কী পাতা।

Claude Motion Team and Enterprise-এ বেটায় আছে। help center বলে এটি Team-এ ডিফল্টে চালু। Enterprise-এ এটি বন্ধ থাকে যতক্ষণ না একজন owner Organization settings > Artifacts-এ চালু করেন। Anthropic-এর নিবন্ধ Enterprise অ্যাডমিনদের Dashboards ও Motion-এর জন্য সেই একই সুইচ ব্যবহার করতে বলে।

Claude এমন কোড লেখে যা টেক্সট, চার্ট, আকৃতি ও ছবি অ্যানিমেট করে। আপনি যেকোনো শব্দ, সংখ্যা বা টাইমিং বদলাতে পারেন। এডিটরে টুকরোটি অ্যাডজাস্ট করতে পারেন, অথবা Claude-কে বদলাতে বলতে পারেন, তারপর একটি MP4 ডাউনলোড করতে পারেন। help center বলে অ্যানিমেশনটি Motion template থেকে বানানো একটি artifact। এটি Artifacts ট্যাবে সেভ হয়। Export > MP4 দিয়ে এক্সপোর্ট করুন। এটি ডিফল্টে প্রাইভেট। শেয়ার করতে Share করুন। ব্যবহার প্ল্যানের ব্যবহারসীমায় গণনা হয়। লম্বা বা আরও জটিল অ্যানিমেশন বেশি খরচ করে।

নিবন্ধের উদাহরণ: একটি ত্রৈমাসিক রিপোর্টকে অল-হ্যান্ডসের জন্য ৩০ সেকেন্ডের এক্সপ্লেইনারে বদলানো, একটি বোর্ড ডেকের চার্টে মোশন, এবং কাস্টমার অনবোর্ডিংয়ের জন্য একটি প্রোডাক্ট ওয়াকথ্রু। এই লাইনগুলো নিবন্ধের উদাহরণ। সর্বোচ্চ সময়কাল, রেজোলিউশন, এবং ফ্রেম রেট প্রকাশিত নয়। Anthropic বলে Claude Motion কোনো ভিডিও জেনারেশন মডেল ব্যবহার করে না। কোনো জেনারেটেড ফুটেজ নেই এবং কোনো AI-জেনারেটেড মানুষ নেই। Anthropic একটি হ্যান্ডঅফের তালিকা দেয়: Adobe, Descript, HeyGen, Higgsfield, invideo, Luma AI, বা Runway; Canva ও Captions শিগগির আসছে।

Gemini Omni হলো সেই জেনারেটিভ মডেল যা Google I/O 2026-এ ১৯ মে উন্মোচন করে। এটি টেক্সট, ছবি, অডিও, বা ভিডিও ইনপুট থেকে ভিডিও বানায়, নেটিভ সিঙ্ক করা অডিওসহ। প্রথম রিলিজ Gemini Omni Flash। এটি আসল ফুটেজ জেনারেট করে। OpenDesign Motion ও Claude Motion কোড-ভিত্তিক অ্যানিমেশন রেন্ডার করে। Omni Google AI Plus, Pro, and Ultra-এ বাণ্ডল করা।

কোনো ঘর প্রকাশিত নয় বলে যখন এই উৎসগুলো সেই তথ্য বলে না।

কখন কোনটি ব্যবহার করবেন

1. OpenDesign Motion ব্যবহার করুন এমন ওপেন সোর্স মোশন ডিজাইনের জন্য যা আপনি HTML, CSS, এবং GSAP হিসেবে এডিট করতে পারেন, তারপর MP4 হিসেবে এক্সপোর্ট করতে পারেন। ডেস্কটপ অ্যাপ macOS ও Windows কভার করে। Linux সোর্স থেকে চলে। আপনি এমন একটি কোডিং এজেন্ট আনেন যা আগে থেকেই আপনার PATH-এ আছে, অথবা OpenDesign-কে একটির ভিতরে ইনস্টল করেন।
2. Claude-এর Team or Enterprise প্ল্যানে Claude Motion ব্যবহার করুন যখন Claude-এর ভিতরে টেক্সট, চার্ট, আকৃতি ও ছবির একটি বেটা অ্যানিমেশন চান। Team-এ এটি ডিফল্টে চালু। একজন Enterprise owner এটি Organization settings > Artifacts-এর নিচে চালু করেন। Anthropic-এর নিবন্ধ এবং help center থেকে শুরু করুন।
3. জেনারেটেড ফুটেজ ও নেটিভ সিঙ্ক করা অডিও চাইলে Gemini Omni ব্যবহার করুন। Gemini Omni কী সেই মডেল কভার করে। Gemini Omni ফুটেজ প্রম্পট, অথবা OpenDesign জোড়া পথের জন্য Seedance ও Veo প্রম্পট, প্রম্পট জেনারেটরে খসড়া করুন।

সম্পর্কিত পড়া

• GitHub-এ OpenDesign
• OpenDesign v0.25.0 রিলিজ
• HyperFrames
• Anthropic: Dashboards and Motion
• Get started with Claude Motion
• Gemini Omni কী?
• প্রম্পট জেনারেটর