AIツール図鑑

テキストを貼り付けるだけでフローチャートやインフォグラフィックを自動生成する「Napkin AI」を紹介。使い方、料金プラン、PowerPoint連携の新機能「Napkin Slides」、他ツールとの違いまで解説します。

ls.graphicsはデバイスモックアップ・3Dアイコン・抽象素材がそろう高品質デザイン素材ライブラリ。オンラインエディタとFigmaプラグインで差し替え簡単。料金と使い方を解説。

shaders.comはWebGPUのビジュアルエフェクトをReact等のコンポーネントで使えるライブラリ。ビジュアルエディタでコード書き出し、MCPでAIエージェントから直接呼び出せる。使い方を解説。

Riveは状態・遷移・入力・双方向データバインドでロジック付きのインタラクティブアニメを作れるツール。タイムラインのみのLottieとの違いと使いどころを解説。

Splineはブラウザ完結のノーコード3Dデザインツール。リアルタイム共同編集・Web埋め込み・GLTF書き出し、AI機能Ommaも。3D演出の素材づくりに。

shadcn/uiは依存ライブラリでなくコードを自分で所有するReactコンポーネント集。Radix+Tailwind製でv0等AIビルダーの土台に。仕組みと使い方を解説。

21st.devはshadcn/uiベースのReactコンポーネント・マーケット。自然言語でUIを生成するMagic MCPも提供し、Cursorやエージェント開発と直結。使い方を解説。

Figma純正のprompt-to-appツールFigma Make。デザインやプロンプトから動くプロトタイプを生成し、Point to Editやコード確認も。使い方を解説。

Lovableはプロンプトから認証・DB・デプロイまで一気通貫のフルスタックアプリを生成。深いSupabase連携で非技術者にも。使い方と料金を解説。

Vercelのv0は自然言語からNext.js+Tailwind+shadcn/uiの本番コードを生成。2026年にGit連携・DB接続・フルスタック化。使い方と料金を解説。