デザイン・UI
-
Framer 3.0・Lovable×Claude Opus 5・Figma Make×GPT-5.6――AIサイトビルダー、7月の三者三様アップデート
Framer 3.0のキャンバス常駐エージェント、LovableのClaude Opus 5搭載とMCPサーバー全プラン開放、Figma MakeのGPT-5.6追加まで、2026年7月のAIサイトビルダー動向を整理する。
-
スクロールでサイトが生きる：CSS/GSAP/Three.jsで作るAI時代のリッチ演出3手法
パララックスやスクロール連動3D演出を「どう実装するか」を、ネイティブCSS・GSAP+Lenis・Three.js/WebGPUの3手法で比較。AIに投げるプロンプトのコツと作例、公式ドキュメントへのリンクつきで整理した。
-
v0・Lovable・Bolt.new・Figma Make――4大AIサイトビルダーの最新機能をまとめて比較
v0、Lovable、Bolt.new、Figma Makeという主要AIサイト/アプリビルダーがこの数週間で追加した機能を横断比較。デザイン編集の進化、design system連携、SEO対応など、選び方のヒントをまとめた。
-
3D生成AIの競争とAIモーション編集——Meshy・Hi3D・Krea・Lottie Creatorの最新動向
MeshyのシリーズB調達とAuto Split、Hi3D V3.0の高解像度3D生成、KreaのRecraft V4統合、LottieFilesのMotion Copilot 2.0まで、Webデザイン素材づくりを支えるAIツールの最新動向をまとめました。
-
frontend-designからUI/UX Pro Maxまで――Claude Codeの“デザインスキル”でAIっぽくないUIを作る
Claude CodeでUIを作ると陥りがちな“AIスロップ”問題に対し、Anthropic公式のfrontend-design、Vercel Labsの監査系スキル、UI/UX Pro Max、Superdesignなど、デザインの判断基準をAIに渡す具体的なスキル・ツールをまとめた。
-
スクロールで文字が生きる──2026年、キネティックタイポグラフィがWebデザインの主役に
バリアブルフォントの普及を背景に、スクロール連動のテキストリビューやフォント軸アニメーションなど「動くタイポグラフィ」が2026年の受賞サイトで急増中。代表的な手法とツールを整理する。
-
「AIで作った」は言い訳にならない――2026年に見直すアクセシビリティとレスポンシブの基本原則
WebAIM Million 2026レポートが示すアクセシビリティの後退を踏まえ、コンテナクエリ・流体タイポグラフィ・prefers-reduced-motionなど、AI時代のWebデザインでも欠かせないレスポンシブ&アクセシビリティの基本原則を整理する。
-
テンプレ市場・画像生成刷新・スキル普及――今週のWebデザイン×AI注目トピック
AIサイトビルダーのテンプレート市場化、画像生成AIの表現力強化、Claudeデザインスキルの普及、モーション/パーソナライゼーションの潮流まで、この一週間のWebデザイン×AIの動きを4本立てで振り返ります。
-
Figma Motion登場・Webflow MCP 2.0・“AI製サイトは同じ顔”論争――今週のWebデザイン×AI注目まとめ
Figma MotionでキャンバスにアニメーションのタイムラインAI機能が追加され、Webflowはエージェント連携のガバナンス強化へ。あわせて「AI製サイトの均質化」論争も紹介する、今週のWebデザイン×AI注目トピックまとめ。
-
視覚階層・ゲシュタルト原則・CSS Subgrid・デザイントークン——Webデザインの土台を4つの視点でおさらい
「なぜこのレイアウトは見やすいのか」を説明できるようにする回。視覚階層とゲシュタルト原則という認知の基礎、CSS Subgridという実装の基礎、デザイントークンという一貫性の基礎を、AI時代の実務目線でおさらいします。