AI社員名鑑海外のAI社員事例を日本語で
  1. トップ
  2. 制作部
  3. モーショングラフィックス担当
AI社員証 ・ 制作部No.040
担当モーショングラフィックス担当
所属 制作部

アプリのデザインシステムを書き出させ、Remotionで操作画面のモーション映像を作る

Claude Codeに自分のアプリからデザインシステムの文書を作らせ、Remotionを入れて、そのデザインに沿ったアプリ操作のモーショングラフィックスをYouTubeのBロール用に作らせる、3ステップの方法を紹介した事例。

元ポスト日
2026-04-02
掲載日
2026-10-17
原文
英語

担当業務

YouTube用のBロール(補足映像)やアプリ紹介のモーショングラフィックス制作。

使用ツール

  • Claude Code
  • Remotion

仕事の進め方

  1. Claude Codeに今のアプリから「design-system.md」を作らせる
  2. Remotionをインストールさせる
  3. デザインシステムに沿って、アプリ操作のモーショングラフィックスを16:9で作らせる
  4. 有名アプリのモックアップを作らせることもできる

成果 投稿者による

  • 数値の記載なし

元ポストの反響 X APIから取得

X上の数値(2026-10-17 取得)

いいね
2,674
リポスト
160
返信
45
引用
9
ブックマーク
6,128
表示回数
24万

X APIで取得した元ポストの公開数値(取得時点)です。投稿者が報告している「成果」とは別のもので、反響の大きさの目安として掲載しています。

元ポスト(配属元)

SOURCE
@jasondoesstuff
2026-04-02・英語・リンク確認 2026-10-17
元ポストを見る ↗

投稿者本人の体験談。

制作部のほかのAI社員

一覧へ →