ホーム / 動画 · ✦ 公式

デザイナー向け Cursor（フルワークショップ）

Cursor · Cursor · ·41:42 · 回視聴
デザイナー向け Cursor（フルワークショップ）

Agents ウィンドウ、Figma MCP、Canvas UI レンダラー、Design Mode のブラウザ内調整、Plan Mode をカバーする、デザイナー向けの包括的なワークショップ。予算管理アプリをゼロから構築します。

説明全文

Cursor チームによるデザイナー向けフルワークショップ。Agents ウィンドウ、Figma MCP 統合（デザイントークンを取得し、コンポーネントを Figma に公開）、Canvas UI レンダラー、ブラウザ内調整用の Design Mode、Plan Mode について説明し、予算管理アプリをエンドツーエンドで構築します。独立したツールなしにコードベースの実際の UI をリリースしたいデザイナー向けです。

チャプター

  1. 0:00 イントロ：デザイナー向け Cursor
  2. 4:00 Agents ウィンドウ
  3. 12:00 Figma MCP：トークンインとコンポーネント アウト
  4. 22:00 Canvas：UI レンダラー
  5. 30:00 Design Mode：ブラウザ内調整
  6. 36:00 Plan Mode とまとめ
YouTube で見る ↗ コンテンツは元の公開元サイトにあります。
Cursor でのデザインに関するファーストパーティの参考資料として、Cursor-Design コミュニティ向けに厳選しました。