Webデザイン– tag –
-
Netlify Capsules – WebプロジェクトをAR空間に展開する体験型デベロッパーツール
Netlify Capsulesは、開発者が作成したWebプロジェクトを仮想カプセルとして地球軌道上に打ち上げ、位置情報ベースのWeb ARで他のユーザーが発見・体験できる革新的なプラットフォーム。Netlifyの1000万人開発者到達を記念した体験型ツールです。 -
HtmlDrag – グリッド不要でHTMLを自由配置編集できるノーコードデザインツール
HtmlDragは、グリッドやワイヤーフレームの制約を受けず、あらゆるHTMLコンテンツを自由に配置・編集できるフリーフォームキャンバスツール。URLインポートやドラッグ操作で直感的にWebデザインを実現し、コーディング不要でクリエイティブな作業を可能にします。 -
MiroMiro – Webサイトのデザインとアセットを1クリックで抽出できるChrome拡張機能
MiroMiroは、Webサイトのデザイン要素を瞬時に抽出できるChrome拡張機能。DevToolsを開かずに、CSS、カラー、フォント、画像、SVG、Lottiアニメーションをワンクリックで取得。デザイントークンをTailwind設定やCSS変数として出力可能。 -
BuildHub Studio – コード所有権を保証するビジュアルWebサイトビルダー
BuildHub Studioは、ロックインなしでコードの完全所有権を保証する革新的なビジュアルWebサイトビルダー。高性能キャンバス、ドラッグ&ドロップ、マルチビューポート対応で、開発者とノーコードクリエイター双方のニーズに応える無料プラットフォームです。 -
Its Hover – ユーザー意図を反映する反応型アニメーションアイコンライブラリ
Its Hoverは、ユーザーの操作に反応して動くインタラクティブなアニメーションアイコンを提供するデザインツール。マウスホバーで直感的に動作し、サイトやアプリのUXを向上させる次世代アイコンライブラリです。 -
Loki.Build – AIでスタジオ品質のランディングページを瞬時に生成するWebサイトビルダー
Loki.Buildは、AI技術を活用してスタジオ品質のランディングページを数分で自動生成し、リアルタイムエディタで細部まで編集可能なWebサイトビルダー。SEO対策とホスティングを標準搭載し、デザイナーや制作会社に依頼することなく、プロレベルのサイトを即座に公開できます。 -
Premium Favicon – ロゴからAI抽出する次世代ファビコンジェネレーター
Premium Faviconは、ロゴから最も特徴的な部分をAI抽出してファビコンを作成する革新的なツール。文字ベースのファビコン生成にも対応し、スタートアップから大規模サイトまで幅広く活用できます。 -
VibeCSS – ChromeでWebデザインをAIで即座に変更できるCSS編集ツール
VibeCSSは、ライブWebページ上で自然言語の指示だけでAIがCSS変更を即座に適用するChrome拡張機能。コード不要でデザインの実験とプロトタイピングを効率化する、開発者とデザイナー向けの革新的ツールです。 -
Macaly 3.0 – AIコード生成後の編集を革新するビジュアルWebサイトビルダー
Macaly 3.0は「AIがコードを生成した後の編集」に特化した革新的なWebサイトビルダー。Edit Mode、Global Styles、Asset Library、Review Changesなど、直感的な編集機能でレイアウト・ビジュアル・構造を完全コントロール。vibe-codingの課題を解決します。 -
Motion（旧Framer Motion）で作る！Reactマイクロインタラクション6選【コピペで実装】
Reactで動きのあるUIを作りたいけど、「アニメーションの実装って難しそう…」「CSSだけだと複雑な動きができない…」と悩んでいませんか？そんな課題を解決するのがMotion（旧Framer Motion）です。 Motionは、Reactアプリケーションに滑らかなアニメーショ...
