Videos
Recorded walkthroughs, demos and talks on designing with Cursor.
FULL Cursor AI Tutorial for Beginners (2025)
Build a React app, push to GitHub and deploy to Vercel — a beginner-friendly end-to-end Cursor tutorial with no coding experience needed.
How to Make a Website with AI — Cursor 2025
A full beginner tutorial covering HTML/CSS, domains, hosting and making design changes — building and shipping a site with Cursor, no prior coding required.
Converting Figma Designs with Cursor MCP
The most-viewed walkthrough on Figma-to-code conversion using the Cursor MCP integration — selecting frames and generating production components.
How to Make Beautiful UIs with AI
Why shadcn/ui is the secret behind v0's good looks, and how to use it directly in Cursor to ship better-looking interfaces.
10x Better UI Design for Vibe Coders — Use v0 Directly in Cursor
A quick, popular guide on connecting the v0 model directly inside Cursor for dramatically better UI quality.
DESIGN in v0, FINISH in Cursor
Three workflows for moving designs between v0 (best-in-class UI generation) and Cursor (logic and cost-efficient iteration).
A Designer's Guide to AI: Why This Designer Switched to Cursor
An Atlassian design director shows prototyping complex UI interactions, recreating animated SVG brand assets, and building mood boards — all inside Cursor.
Cursor for Interactive Prototypes, Sound Design and Data Viz
Designer Elizabeth Lin explores design aesthetics — brutalist, Y2K, cyberpunk — interactive sound, and turning ugly dashboards into polished interfaces with Cursor.
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.
A New Visual Editor: Design Directly in Your Codebase
Cursor's official demo of the Visual Editor: select elements, drag-and-drop to rearrange layout, center divs with alignment controls, swap fonts and color tokens from your design system, and tweak grid layouts — the agent applies every change directly to the codebase.
Is Cursor's New Visual Editor a Figma Killer? Tutorial
A tutorial putting Cursor's Visual Editor head to head with Figma — what it does well for implementing designs in real code, and where it still falls short of a full design tool.
The Cursor Visual Editor — Modify Layouts Visually
Gary Simon's hands-on walkthrough of Cursor's Visual Editor — praising the layout, dimension and styling controls, and flagging the tradeoff that every Apply triggers an LLM call.