Motion Design · Oct 27, 2026
با یک اسکرینشات، ویدیوی معرفی محصول بساز؛ بدون فیلمبرداری و After Effects! 🤯
با یک اسکرینشات، ویدیوی معرفی محصول بساز؛ بدون فیلمبرداری و After Effects! 🤯 by Yarad. Watch the Motion Design video and visit the original X post.
Yarad@Yarad_ai
View on Xبا یک اسکرینشات، ویدیوی معرفی محصول بساز؛ بدون فیلمبرداری و After Effects! 🤯 با ترکیب Claude Code و Remotion می‌تونی تصویر رابط کاربری اپلیکیشن‌ات رو به یک ویدیوی تبلیغاتی متحرک تبدیل کنی؛ طوری که انگار خود محصول در حال کار کردنه. 🎬 این Workflow چطور کار می‌کنه؟ ۱. اسکرینشات رو به Claude بده فقط یک فایل PNG از رابط کاربری محصولت کافیه. Claude اجزای تصویر رو بررسی می‌کنه و اون‌ها رو به بخش‌هایی مثل Sidebar، کارت‌ها، نمودار و دکمه‌ی اصلی تقسیم می‌کنه. ۲. رابط کاربری رو با کد بازسازی کن به‌جای اینکه تصویر رو مستقیماً متحرک کنی، اجزای اون به کامپوننت‌های واقعی React تبدیل می‌شن و داخل Remotion قرار می‌گیرن. حرکت‌ها هم با ابزارهایی مثل "useCurrentFrame()"، "spring()" و "interpolate()" ساخته می‌شن. ۳. فقط یک اتفاق مهم رو نمایش بده قرار نیست تمام قابلیت‌های محصول رو در یک ویدیو جا بدی. روی یک سناریو تمرکز کن: یک کلیک، یک تغییر قبل و بعد، یا نتیجه‌ای که ارزش محصول رو نشون می‌ده. مدت پیشنهادی این Workflow حدود ۱۵ تا ۲۵ ثانیه است؛ چون نمایش سه قابلیت مختلف در ۲۰ ثانیه، بیشتر…
The prompt behind it.
The creator has not shared a public prompt. Visit the original post for more about this work.
Video and prompt by Yarad. Original post ↗
Is this your work? Add the badge
Paste this on your site or README to link people to this page.
<a href="https://createmotion.io/motions/x-2115196184369283241/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>
