デザイン・UI

スクロール連動の演出を、CSS scroll-driven animationsとGSAP/Three.jsに使い分ける判断基準と、AIへの指示の型を整理します。

v0のChatGPTプラン接続、LovableのSSR標準化、Bolt.newの初買収、Framerの運用面の訴求を整理し、用途別の選び方を早見表にまとめました。

Figmaのシェーダー（オープンベータ）、Remotionのシェーダー、Higgsfieldの動画生成を、Web背景演出の観点で比較。フォールバックや性能予算の注意点もまとめます。

AIに作らせたUIが似通う問題への対処を、frontend-design、Taste Skill、DESIGN.md、shadcn/uiの役割別に整理。手順とプロンプト例つき。

2026年のWebデザインで目立つ4つの潮流を、実装の注意点とAIへの指示のコツ付きで整理。

Figma agentの正式版移行、Spline MCP、Claude Designのdesign.md、v0のプライベートnpm対応を、10月第2週のWebデザイン×AI動向として整理します。

AIで作った短い動画をFFmpegで連番WebPにし、GSAP ScrollTriggerでスクロール連動させる手順と、容量・アクセシビリティの注意点をまとめました。

静止画をAIで動画化し、フレームを書き出してスクロールに同期させる新しい演出手法と、専用ツール・プロンプトのコツをまとめる。

v0のGit/DB連携、Bolt CloudによるBolt.newのフルスタック化、Figma Makeのデザイン再現度、LovableのアプリまるごとAI生成、FramerのWorkshop/Wireframerまで、AIサイトビルダー各社の最新機能と用途別の選び方をまとめた。

3DエディタSplineがAIエージェントとMCP対応で刷新、GLSL不要のシェーダーエディタShaders、動画特化から統合スタジオ化するHiggsfield、モックアップ素材のLS.GRAPHICSまで、今週注目のデザイン系AIツール・素材をまとめて紹介する。