デザイン・UI
-
frontend-design・Taste Skill・DESIGN.md・shadcn/ui――Claudeで「おしゃれなUI」を安定させる4つの手法
AIが作るUIが「同じ顔」になりがちな問題に対し、Anthropic公式のfrontend-designスキル、軽量版のTaste Skill、記憶を持たせるDESIGN.md、shadcn/uiのAI対応強化という4つのアプローチを整理する。
-
Bentoか反Bentoか──2026年9月、受賞サイトに見るUI/UXトレンド最前線
Awwwards・CSS Design Awardsの受賞サイトを手がかりに、2026年9月時点のUI/UXトレンドを整理。Bentoグリッドへの反動としての「反Bentoブルータリズム」、キネティックタイポグラフィ、Pantone「Cloud Dancer」が示す配色の潮流までをまとめる。
-
見た目の前に整える——配色コントラスト・モーション配慮・レスポンシブで作る2026年のWebデザイン基礎
配色コントラスト、prefers-reduced-motionによるモーション配慮、タップターゲットサイズなど、2026年のWebデザインで押さえておきたいアクセシビリティ×レスポンシブの基礎知識を整理します。
-
Webflowの下書き自動生成にClaude急伸調査——2026年9月第2週のWebデザイン×AI注目まとめ
Webflowのエージェント向け指示書自動生成、Claude利用率が急伸した最新デザイナー調査、21万件のプロンプト分析など、この1〜2週間のWebデザイン×AIの注目トピックを5件まとめました。
-
GSAP全プラグイン無料化とCSSネイティブ化で変わる、2026年のリッチスクロール演出術
GSAP 3.15での全プラグイン無料化、WebflowとSplineの3D連携、CSSネイティブのスクロール駆動アニメーション、AIによるコマ送り演出まで、2026年に3D・パララックス・スクロール演出を作るための技術を整理する。
-
v0の連携拡大、Bolt Forge、LovableのFable 5.1採用――2026年9月、AIサイトビルダー各社の一手
v0のバックエンド統合拡大、Bolt Forgeのオープンモデル学習実験、LovableのClaude Fable 5.1採用、Framerの外部エージェント連携、Figma MakeへのGPT-5.6追加——2026年9月中旬、AIサイトビルダー各社の最新の一手をまとめた。
-
CorelDRAWにテキストtoベクターAI、PhotoshopにFirefly統合編集――2026年9月のデザイン系AIツール最新事情
CorelDRAWの「テキストtoベクターAI」搭載、PhotoshopのAI Assisted Editor（Firefly統合）とFirefly Boards、FreepikからMagnificへの進化、アイコン専用AIプラットフォームIconly Proまで、2026年9月時点のデザイン系AIツール・素材の動きをまとめました。
-
「Claude Design」登場とImpeccable 3.5に見る、Claudeで“おしゃれ”を仕組み化する最新手法
Anthropicが公式ビジュアルデザインツール「Claude Design」を投入。コミュニティ製スキルImpeccableもv3.5に進化し、Vercel Labsは真偽値propを排すコンポーネント設計スキルを公開。Claude等で“おしゃれなUI”を安定して作るための最新の一手を3つの角度からまとめる。
-
文字が主役で動き出す——2026年9月、受賞サイトに見るキネティックタイポグラフィの最前線
スクロール連動で文字が変化するキネティックタイポグラフィが、CSS Scroll-Driven AnimationsとVariable Fontsという2つの技術に後押しされ、2026年9月の受賞サイトで存在感を増している。
-
コンテナクエリ・サブグリッド・フルードタイポ——2026年、モダンCSSで作るWebデザインの基礎
コンテナクエリ、clamp()によるフルードタイポグラフィ、バリアブルフォント、8ptグリッド、サブグリッド、WCAG 2.2まで、2026年のモダンCSSで押さえておきたいWebデザインの基礎技術をまとめました。