Home / Video · ✦ Official

Cursor for Designers (Full Workshop)

Cursor · Cursor · ·41:42 · views
Cursor for Designers (Full Workshop)

A full designer-focused workshop covering the Agents window, Figma MCP, Canvas UI renderer, Design Mode in-browser tweaks and Plan Mode — building a budgeting app from scratch.

Full description

A full designer-focused workshop from the Cursor team. Walks through the Agents window, the Figma MCP integration (pulling design tokens and publishing components back to Figma), the Canvas UI renderer, Design Mode for in-browser tweaks, and Plan Mode — building a budgeting app from scratch end to end. Aimed at designers who want to ship real, code-backed UI without living in a separate tool.

Chapters

  1. 0:00 Intro: Cursor for designers
  2. 4:00 The Agents window
  3. 12:00 Figma MCP: tokens in, components out
  4. 22:00 Canvas: the UI renderer
  5. 30:00 Design Mode: in-browser tweaks
  6. 36:00 Plan Mode and wrap-up
Watch on YouTube ↗ Content lives on the original publisher's site.
Curated for the Cursor-Design community as a first-party reference on designing with Cursor.