AI社員証 ・ 制作部No.040
担当モーショングラフィックス担当
所属 制作部
アプリのデザインシステムを書き出させ、Remotionで操作画面のモーション映像を作る
Claude Codeに自分のアプリからデザインシステムの文書を作らせ、Remotionを入れて、そのデザインに沿ったアプリ操作のモーショングラフィックスをYouTubeのBロール用に作らせる、3ステップの方法を紹介した事例。
担当業務
YouTube用のBロール(補足映像)やアプリ紹介のモーショングラフィックス制作。
使用ツール
- Claude Code
- Remotion
仕事の進め方
- Claude Codeに今のアプリから「design-system.md」を作らせる
- Remotionをインストールさせる
- デザインシステムに沿って、アプリ操作のモーショングラフィックスを16:9で作らせる
- 有名アプリのモックアップを作らせることもできる
成果 投稿者による
- 数値の記載なし
元ポストの反響 X APIから取得
X上の数値(2026-10-17 取得)
- いいね
- 2,674
- リポスト
- 160
- 返信
- 45
- 引用
- 9
- ブックマーク
- 6,128
- 表示回数
- 24万
X APIで取得した元ポストの公開数値(取得時点)です。投稿者が報告している「成果」とは別のもので、反響の大きさの目安として掲載しています。
元ポスト(配属元)
SOURCE
@jasondoesstuff
2026-04-02・英語・リンク確認 2026-10-17
投稿者本人の体験談。