動画
Cursor でデザインするための操作録画、デモ、トーク。
Cursor AI 初心者向け完全チュートリアル (2025)
React アプリを構築して GitHub にプッシュし、Vercel にデプロイ — コーディング経験不要の初心者向けエンドツーエンド Cursor チュートリアル。
AI でウェブサイトを作成する方法 — Cursor 2025
HTML/CSS、ドメイン、ホスティング、デザイン変更をカバーする完全初心者チュートリアル — Cursor を使ってサイトを構築・公開、事前のコーディング知識は不要。
Cursor MCPでFigmaデザインを変換する
Cursor MCP統合を使用したFigmaからコードへの変換に関する最も閲覧されたウォークスルー — フレームの選択とプロダクションコンポーネントの生成。
AIで美しいUIを作る方法
shadcn/uiがv0の美しさの秘密である理由と、Cursorで直接使用してより優れたインターフェースをリリースする方法。
10倍高品質なUI設計 Vibe Coders向け — Cursor内でv0を直接使用
v0モデルをCursor内に直接接続してUI品質を劇的に向上させるための簡潔で人気のガイド。
DESIGN in v0, FINISH in Cursor
v0（業界最高水準のUI生成）とCursor（ロジックと費用効率的な反復開発）の間でデザインを移動するための3つのワークフロー。
デザイナーのためのAIガイド：あるデザイナーがCursorに乗り換えた理由
Atlassianのデザイン部門長が、Cursor内で複雑なUIインタラクションのプロトタイピング、アニメーション付きSVGブランドアセットの再現、ムードボード作成を実演します。
インタラクティブプロトタイプ、サウンドデザイン、データビジュアライゼーション向けCursor
デザイナーElizabeth Linが、Cursorでのデザイン美学（ブルータリズム、Y2K、サイバーパンク）、インタラクティブサウンド、ダッシュボードを洗練されたインターフェースに変える手法を探索します。
デザイナー向け Cursor（フルワークショップ）
Agents ウィンドウ、Figma MCP、Canvas UI レンダラー、Design Mode のブラウザ内調整、Plan Mode をカバーする、デザイナー向けの包括的なワークショップ。予算管理アプリをゼロから構築します。
新しいビジュアルエディター: コードベース内で直接デザイン
Cursor公式のビジュアルエディターデモ: 要素を選択、ドラッグ&ドロップでレイアウト変更、アライメントコントロールでdiv中央配置、デザインシステムからフォントとカラートークンをスワップ、グリッドレイアウトを調整 — エージェントが全ての変更をコードベースに直接適用します。
Cursorの新しいビジュアルエディタはFigmaキラーか？チュートリアル
CursorのVisual EditorをFigmaと比較するチュートリアル — 実際のコード実装でできることと、完全なデザインツールとしての限界を解説。
Cursor ビジュアルエディター — レイアウトを視覚的に修正
Gary Simon による Cursor のビジュアルエディターの実践的なウォークスルー — レイアウト、寸法、スタイリングコントロールを賞賛し、Apply するたびに LLM 呼び出しが発生するトレードオフを指摘。