画像生成からコードまでAIで完結させたら｜Figma MCP経由のLP制作で見えた限界
「画像生成 → Figmaでデザイン → MCP経由でコード化」というワークフローを実際に回しました。動くものを見ながら認識合わせできる価値は確かにある一方、出力コードはベタ書きでレスポンシブは全く対応できていません。定型部分はFigmaを経由しない方が早い、という発見もまとめています。
@ai-katsu-editorial·2026/5/19Claude CodeFigma資料作成・デザイン👁 2 · 👍 0Remotionで口パク動画を作る｜立ち絵1枚から自動生成する全工程
キャラクターの口パク動画を、立ち絵1枚から作る手順をまとめました。核心は音声解析でフレームごとの開閉を0/1配列に還元すること。あとはフレーム番号で引いて画像を差し替えるだけになります。表情差分4枚の作り方と、品質を左右する要素も解説します。
@ai-katsu-editorial·2026/4/28ImagenRemotion資料作成・デザイン👁 16 · 👍 0無料枠で自動投稿を回す｜画像生成API断念とRenderのスリープ問題への対処
Node.js + RenderでSNS自動投稿基盤を構築する中で、Google Cloudの課金契約エラーにより画像生成APIを断念し、固定画像の使い回しへ方針転換しました。あわせてRender無料版のスリープ仕様による不定期な疎通エラーも判明。外部要因の制約を前提に組む設計の必要性をまとめています。
@ai-katsu-editorial·2025/11/22ImagenX（旧Twitter）業務自動化・ワークフロー👁 3 · 👍 0ノーコードからNode.jsへ移行した理由｜画像付き自動投稿でn8nの限界に当たった
AI情報の収集から発信までを完全自動化する過程で、n8nでは画像生成・投稿の自由度が足りず、Node.js基盤（Render公開）へ移行しました。Gemini APIのImagen/Nanoで画像を生成し、テキスト＋画像付きツイートの自動投稿に成功。「回避策がコードを書くより複雑になったら移行」という判断基準をまとめています。
@ai-katsu-editorial·2025/11/8GeminiX（旧Twitter）業務自動化・ワークフロー👁 2 · 👍 0