【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術

━━━━━━━━━━━━━━━━━━━━━━━━━━━━
MIXI MEETUP！ー TECH & DESIGN DAYー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
8/28に開催した、テクノロジーとデザインの“今”を体感できるカジュアルなミートアップイベント【MIXI MEETUP！ー TECH & DESIGN DAYー】のDESIGNセッションです。

生成AIを活用したXの投稿の実例と制作フローをご紹介。低コストでインパクトを生む企画・デザインの工夫を現場視点でお伝えします。

登壇者：
折原 綾平（デザイン本部 動画クリエイティブ室 コンテンツディレクショングループ マネージャー）
菅野 昌宏（デザイン本部 動画クリエイティブ室 コンテンツディレクショングループ）
────────────────────────────
□MIXI MEETUP！ー TECH & DESIGN DAYー
https://mixi.connpass.com/event/363501/
□イベントハッシュタグ
#miximeetup2025
━━━━━━━━━━━━━━━━━━━━━━━━━━━━

◇◆◇ Information ◇◆◇
note | MIXI DESIGN
https://note.com/mixi_design/
Cocoda | MIXI DESIGN
https://cocoda.design/teams/mixi-design
Youtube | MIXI TECH&DESIGN
https://www.youtube.com/@mixi_developers
ミクデザキャンプ
https://mixi-design-camp.mixi.co.jp/
Slide (SpeakerDeck)
https://speakerdeck.com/mixi_design/

採用情報
https://mixigroup-recruit.mixi.co.jp/
Webサイト
https://mixi.co.jp/

Transcript

2. 自己の紹介 日本大学芸術学部卒業。テレビ制作会社、フリーランスを経 て株式会社ミクシィ（現：MIXI）に中途入社。その後、他事 業会社を経て、テレビ局へジョイン。新規事業のプロデュー サーとして立ち上げから携わる。2022年3月に株式会社MIXI へ再入社。 法政大学経済学部卒業。元お笑い芸人。 映像制作会社を経て、2017年 株式会社ミクシィ(現：MIXI)に 入社。現在は、モンスターストライク、家族アルバムみて ね、minimoなどの映像やイベントの制作に従事。 Ryohei Orihara(オリD) Masahiro Kanno(おでん) デザイン本部　動画クリエイティブ室 コンテンツディレクショングループ　マネージャー デザイン本部　動画クリエイティブ室 コンテンツディレクショングループ　ディレクター第1チーム
3. ・モンストX活性化PJとは？ ・PJメンバーとクリエイティブの役割 ・PJの現状の成果 ・事例紹介①　Adobe Firefly画像生成のハイブリッド制作 ・Xでバズる企画の作り方 ・事例紹介②　Google FLOWを活用した動画生成企画 ・総括 本日のお品書き
4. モンストX活性化PJとは？ そもそもモンスト公式Xって...
5. モンストX活性化PJとは？ 新イベントやアップデート、キャンペーン、 メンテナンス/障害などのお知らせを最速で届け。 ユーザーの反応も拾う「広報の窓口」。 フォロワー数は387万。 そもそもモンスト公式Xって...
7. 今までにないポス ト
8. 今までにないポス ト フォロワー
9. 今までにないポス ト フォロワー 新規
10. 今までにないポス ト フォロワー 新規 モンスト公式Xって 面白くね？を目指す
11. PJメンバーとクリエイティブの役割 体制 UC(モンスト) デジマ(モンスト) プロモ(モンスト) デザイン本部 企画にする 研いで実制作 制作フローの 設計 企画進行 方針決め 効果測定 Xの運用 全体進行
12. PJメンバーとクリエイティブの役割 体制 UC(モンスト) デジマ(モンスト) プロモ(モンスト) デザイン本部 企画にする 研いで実制作 制作フローの 設計 全体進行 方針決め 効果測定 Xの運用 ユーザー コミュニケー ション アイディア出しは全員で。
13. まずはこの数字をご覧ください
14. 19,534,152
15. 今回のPJで獲得したインプレッション数 19,534,152
17. ９ 投稿
18. 二ヶ月で９投稿した結果
19. 万バズ 達成！ 万バズ 達成！ 万バズ 達成！ 万バズ 達成！ 万バズ 達成！ 万バズ 達成！ 万バズ 達成！ ９ 7 2025年6月〜７月投稿分 二ヶ月で９投稿した結果
20. はX活性化PJで企画された投稿 月間の全体の投稿の中でも上位を獲得 X活性化 X活性化 X活性化 X活性化 X活性化 ６月度１位と２位と４位 ７月度４位と８位
21. この投稿の７割近くが・・・
22. ９ 6 2025年6月〜７月投稿分 AIを使って制作したものになります。 AI活用 AI活用 AI活用 AI活用 AI活用 AI活用
23. 作業削減時間 440時間 削減できた金額 450万円 ６投稿で・・・
24. 事例を解説しながら 企画術やAIデザイン活用術をご紹介
25. 「モンストキャラ・ガリバー」の 獣神化・改をXで盛り上げよ！ 今回の企画
26. ←このキャラ
27. こんな投稿をしました。
28. 事例紹介①（ガリバー獣神化・改） 　Xの日本トレンド６位を獲得。 　コラボや新キャラ以外でのトレンド入りはレア? 　フォロワー外のユーザーの70％以上に刺さる TOPIC
29. そもそも
30. これAIがなければ絶対にやってません。 そもそも
31. 架空の合成写真をやってみる？ 事例紹介①（ガリバー獣神化・改）
32. 架空の合成写真をやってみる？ 時間もお金もかかるよね・・・ 今までだったら絶対やらない 事例紹介①（ガリバー獣神化・改）
33. 架空の合成写真をやってみる？ 時間もお金もかかるよね・・・ 今までだったら絶対やらない AI使えば作れるかも！！ 従来の手法ではコストや工数の面から実現が難しかった表現に、 短期間・少人数で取り組むことができました。 事例紹介①（ガリバー獣神化・改）
34. リサーチ ラフ画像 ベース素材 画像生成 ポイント生成 仕上げ Gemini ChatGPT Adobe Stock Adobe Firefly Photoshop 事例紹介①（ガリバー獣神化・改） 使用ツールと制作フロー 従来の制作方法とは全然違うので自分で書いてて不安になってきます
35. 事例紹介①（ガリバー獣神化・改） リサーチ・企画 構成・コンテ 撮影 編集 仕上げ おのれ おのれ おのれ 外部会社 おのれ CGクリエイター デザイナー
36. 事例紹介①（ガリバー獣神化・改） リサーチ・企画 構成・コンテ 撮影 編集 仕上げ おのれ おのれ おのれ 外部会社 おのれ CGクリエイター デザイナー リサーチ・企画 ラフ画像 ベース素材 画像生成 ポイント生成 仕上げ Gemini ChatGPT Adobe Stock Adobe Firefly Photoshop ２週間以上が 1時間ちょっと で完成
37. ラフ画像 ベース素材 画像生成 ポイント生成・仕上げ ChatGPT Adobe Stock Adobe Firefly Photoshop ハイブリッド制作 AIが生成した初期の画像やコンテンツを、人間のクリエイターが 修正、編集することで最終的なクリエイティブに仕上げていった 事例紹介①（ガリバー獣神化・改）
38. 事例紹介①（ガリバー獣神化・改） ディレクターのラフイメージ ラフを送って話しかけたら 「あのさ〜 」
39. 事例紹介①（ガリバー獣神化・改） デザイナーが 飛躍させる 初手でこの構図だすのエグい ディレクターのラフイメージ ラフを送って話しかけたら 「これベースにしよう」 「あのさ〜 」 デザイナー
40. 巨人が岩場を歩いている足、素足、夕焼け Prompt 事例紹介①（ガリバー獣神化・改） Fireflyで数回生成 巨人が岩場を歩いている足、素足 周りに木などがあってあまり 巨人のスケール感が出ない 青空を足して周りに巨大感の 邪魔をするオブジェクトを排除 ベースを構成参照 ここまで雑談で 10分！
42. リサーチ ラフ画像 ベース素材 画像生成 ポイント生成 仕上げ Gemini ChatGPT Adobe Stock Adobe Firefly Photoshop 事例紹介①（ガリバー獣神化・改） 使用ツールと制作フロー デザイナー ディレクター ディレクター
43. 事例紹介①（ガリバー獣神化・改） ・旧制作方法であれば14営くらい？ ・数十万以上はかかる？のが・・・ ・AIをつかうとラフが数分 ・撮影やCGの制作もなし ・企画が出来てから１時間かからず完成 imp いいね 返信 17,893 483 4,924,020 万バズ 達成！ トレンド入り 日本６位 フォロワー以外 73.2%
44. 企画の考え方 前述のガリバー企画にそって可能な限り解説してみます。
45. 企画ってダレ目線で作るの？
46. 企画ってダレ目線で作るの？ じぶん目線
47. Xバズ投稿の企画の考え方 企画はダレ目線でつくるの？ じぶん目線
48. Xバズ投稿の企画の考え方 +ターゲット目線 企画はダレ目線でつくるの？ じぶん目線
49. Xバズ投稿の企画の考え方 +ターゲット目線 じぶん目線：尖りすぎて伝わらないがち ターゲット目線：無難でまとまりがち 企画はダレ目線でつくるの？ じぶん目線
50. Xバズ投稿の企画の考え方 +ターゲット目線 じぶん目線：尖りすぎて伝わらないがち ターゲット目線：無難でまとまりがち 自分のGoodをターゲットのInterestで飛ばす感覚 尖ってまとまった、面白くて伝わる企画になる 企画はダレ目線でつくるの？ じぶん目線
51. ガリバー企画の場合
52. 企画のアイディア（タネ）を作る ガリバーって いったら・・・ あのガリバーだよな 考える・妄想する じぶん目線
53. 企画のアイディア（タネ）を作る もしかしたら 他のガリバーが あるかも？ みんなは何を思う？ リサーチ ガリバーって いったら・・・ あのガリバーだよな 考える・妄想する ターゲット目線 じぶん目線
54. 企画のアイディア（タネ）を作る もしかしたら 他のガリバーが あるかも？ みんなは何を思う？ リサーチ ガリバーって いったら・・・ あのガリバーだよな 考える・妄想する うん。ガリバーなら やっぱあの 挿絵っしょ！ 仮説 じぶん目線 ターゲット目線 じぶん目線
55. 企画のアイディア（タネ）を作る もしかしたら 他のガリバーが あるかも？ みんなは何を思う？ リサーチ ガリバーって いったら・・・ あのガリバーだよな 考える・妄想する うん。ガリバーなら やっぱあの 挿絵っしょ！ 仮説 じぶん目線 ターゲット目線 じぶん目線 企画のタネ
56. タネを企画にしていくフレーム
57. タネ作りから企画にしていく 分解 違和感 驚き
58. タネ作りから企画にしていく 分解 違和感 驚き ＝分解して“誰もが知ってる言葉、イメージ”を出す ＝違和感をつける＝既視感をズラす ＝驚き＝表現に落とし込む・再現する
59. ＝分解して“誰もが知ってる言葉、文脈”に置く 分解 違和感 驚き 企画のタネ タネ作りから企画にしていく 分解
60. 分解 違和感 驚き 挿絵のイメージを担保しながら まるで実際にありそうなSFの世界を実写で表現。 みたことあるけどみたことない、一瞬止まってしまう 感じのクリエイティブにしたいな。 タネ作りから企画にしていく 絵本の挿絵→リアルな実写
61. 分解 違和感 驚き アイディアを狙い通り正確に伝えられて、かつ 心地よい違和感を与えられるビジュアルをデザインする。 →最大限の「驚き」がターゲットに届く タネ作りから企画にしていく デザイン AI活用チャンス
62. 分解 違和感 驚き タネ作りから企画にしていく ターゲットの興味の枠に入れる
63. インプレッション エンゲージメント 分解 違和感 驚き 拡散の期待値をあげていく タネ作りから企画にしていく ターゲットの興味の枠に入れる
64. 分解 違和感 驚き インプレッション エンゲージメント ターゲットの興味の枠に入れる ターゲットの興味がある延長線上に沿って進むとバズる確率が上がる 拡散の期待値をあげていく タネ作りから企画にしていく
65. 続いては動画生成について
66. アゲガチャくんって知ってますか？
67. アゲガチャくん アゲインガチャという 施策の中で復活演出 で出てくるキャラ
68. 実写化してみました！
69. 事例紹介③アゲガチャくん動画生成 初のAI動画⽣成。 Veo3、Flowを使⽤。 TOPIC imp いいね 12,923 1,365,872 万バズ 達成！
70. ①ベースの動画生成 ②足元の生成(延長) ③足元〜歩く ⑤頭が落ちる(ジャンプ) ⑥Premiereで整えて完成 ④手を広げる(延長) 動画生成の大まかな流れ
71. ①ベースの動画生成 Veo３は英語のプロンプト を打てないので、 ChatGPTと会話しながら プロンプトを作っていきま した。
72. シネマティックな映像。ある男性が、夕暮れ時の都市の通りをゆっ くりと自信に満ちた足取りで歩いている。全身が映るシュールな ショット。彼は黒のタキシードに赤い蝶ネクタイを着用し、グレー のベストを内側に着ていて、ジャケットのボタンは留められてい る。胸ポケットには真っ白でパリッとしたハンカチがきちんと差し 込まれている。手はズボンのポケットにカジュアルに入れている。 歩き方は滑らかでリラックスしており、クールで落ち着いた雰囲気 を醸し出している。だが彼には頭がない。その代わりに、大きく光 り輝く半透明の球体があり、彩度の高いピンクのグラデーションが 施されている。その球体の内部には、太く光るリセットアイコンの 矢印が埋め込まれている。 Chat GPT A cinematic video of a surreal full-body shot of a man walking slowly and confidently down a city street at dusk. He wears a black tuxedo with a red bow tie, a gray vest underneath, and his jacket is buttoned up. A crisp white handkerchief is neatly tucked into his chest pocket. His hands are casually in his pants pockets. His walking pace is smooth and relaxed, exuding cool composure. Instead of a head, he has a large glowing translucent sphere with a vibrant, saturated pink gradient…
73. 結構、違うなぁ...
74. リセットマークを綺麗につながった円形にしたい。 あとのリセットマークの回転が逆。 時計の１時の方向が矢印のお尻で、２時の方向が矢印の先。 The arrow is perfectly round, continuous, and curves counterclockwise from the 1 o’clock position to a point between 1 and 2. It appears embedded inside the sphere, not on the surface, with a sense of depth. Chat GPT
75. リセットマークを綺麗につながった円形にしたい。 あとのリセットマークの回転が逆。 時計の１時の方向が矢印のお尻で、２時の方向が矢印の先。 The arrow is perfectly round, continuous, and curves counterclockwise from the 1 o’clock position to a point between 1 and 2. It appears embedded inside the sphere, not on the surface, with a sense of depth. Chat GPT 結構、違うなぁ...
76. リセットマークを綺麗につながった円形にしたい。 あとのリセットマークの回転が逆。 時計の１時の方向が矢印のお尻で、２時の方向が矢印の先。 The arrow is perfectly round, continuous, and curves counterclockwise from the 1 o’clock position to a point between 1 and 2. It appears embedded inside the sphere, not on the surface, with a sense of depth. Chat GPT 結構、違うなぁ... 地道に変えていく
77. ②足元の生成(Flow延長機能) 同じシチュエーション での足元の静止画が 欲しいんだ！ とりあえず延長！
78. ③足元〜歩く(最初と最後のフレームを指定) ②で作った静止画を 最初のフレームに設定して ①で作った静止画を最後の フレームに設定する。 最初 最後
79. ③足元〜歩く(最初と最後のフレームを指定) これは背景が破綻した例！ こうならないように 最初の静止画を拡大！
80. ④歩く〜手を広げる(Flow延長機能) Flowの「延長」で後の 展開が作りやすい。最高！
81. ⑤頭が落ちる(Flowジャンプ機能) Flowの「ジャンプ」で 別カットの生成も可能に！
82. どれくらい削減できたのー？ veo3のみ(月額3.8万)、３営で完パケ。 費用工数ともに90%以上削減！
83. 締め 数ヶ月前の取り組みを振り返って思うこと。
84. ありがとうございました