デザイン・UI
-
今週のWebデザイン×AI注目まとめ——Spline v2、Canva Code無料開放、Firefly Design Intelligence
Spline v2のWebGPU刷新、Canva Code 2.0の無料開放、Adobe FireflyのDesign Intelligenceなど、2026年8月最終週のWebデザイン×AIニュースを5つに厳選して紹介する。
-
ネイティブCSSとAIで作る2026年のスクロール演出——GSAP・Three.js・Splineエージェントまで
CSS Scroll-Driven Animationsの実用化からGSAP公式AIスキル、Three.jsのWebGPU化、Splineのエージェント機能まで、AIでリッチなスクロール演出・3D表現を作るための2026年最新の手札を整理する。
-
マイクロインタラクション×ページ遷移×マグネティックカーソル——2026年9月、実例で見るUI/UXトレンド最前線
受賞サイトの評価軸は「見た目」から「機能する余韻」へ。マイクロインタラクション、ネイティブCSSのスクロール演出、View Transitions API、マグネティックカーソルという2026年9月のUI/UXトレンドを実例とともに整理する。
-
今週のWebデザイン×AI注目まとめ—Webflowの「Source」発表、Figmaのスキルライブラリ、GitFig、shadcn/ui新コンポーネント
Webflow Conf 2026の新プラットフォーム「Source」とAgent Presence、FigmaのAIスキルライブラリ、Figma⇄GitHub同期プラグインGitFig、shadcn/uiの新コンポーネントなど、2026年9月上旬のWebデザイン×AIニュースを5件ピックアップ。
-
配色をロジックで組み立てる——OKLCH・APCA・AIパレット生成で作る2026年のアクセシブルなカラー設計
OKLCHやcolor-mix()で色を数式的に扱い、APCAという新しいコントラスト基準やAIパレット生成ツールも組み合わせる、2026年の配色設計の基礎をまとめた。
-
キネティックタイポ×ベントーグリッド×高彩度カラー——2026年夏、実例で見るUI/UXトレンドの中身
2026年夏の受賞サイトで目立つ「動くタイポグラフィ」「ベントーグリッド2.0」「高彩度カラーの復権」「機能的マイクロインタラクション」「没入3D」を、具体的な実装パターンと出典つきで整理する。
-
レイアウトはコンテンツ任せへ——コンテナクエリ・可変タイポグラフィ・サブグリッドで作る2026年のレスポンシブ基礎
ブレークポイント頼みのレスポンシブデザインから一歩進み、clamp()による流体タイポグラフィ、コンテナクエリ、サブグリッド、WCAG 2.2のコントラスト基準まで、2026年に押さえておきたいWebレイアウトの基礎をまとめます。
-
Wix「Symphony」始動、Figmaスキル拡充、shadcnに会話UI——今週のWebデザイン×AIまとめ
Wixが事業運営を任せるマルチエージェントAI「Symphony」を発表。FigmaのAIスキル拡充とMCP対応、shadcn/uiの会話UIコンポーネント追加、そして「AIっぽさ」を巡るAwwwardsの議論まで、今週のWebデザイン×AIトピックをまとめました。
-
LPデザインを激変させるClaudeスキル&MCP集──アンチスロップ〜おすすめスタック
Claude CodeのLPが量産型になる問題を、スキルとMCPで劇的改善。frontend-design/perfect-ui/21st.dev Magic/Windframe/AIDesigner/Playwrightなどを効果順に整理し、そのまま使えるおすすめスタックを提示。
-
動画生成×スクロールスクラビングで作る2026年のリッチな3D/パララックス演出
AI動画からフレームを抜き出してスクロールに同期させる「スクロールスクラビング」や、GreenSock公式のGSAP AI Skills、ノーコード3DのDoraなど、2026年8月時点でWebに“作り込まれた”3D/パララックス演出を仕込む最新の作り方をまとめました。