视频
用 Cursor 做设计的录播演示、demo 与分享。
完整 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 设计体验——在 Cursor 中直接使用 v0
快速实用指南，展示如何在 Cursor 内直接连接 v0 模型，显著提升 UI 质量。
在 v0 中 DESIGN，在 Cursor 中 FINISH
三种工作流程，用于在 v0（最先进的 UI 生成）和 Cursor（逻辑和成本高效迭代）之间移动设计。
设计师的AI指南：为什么这位设计师选择了Cursor
Atlassian设计总监展示如何在Cursor中进行复杂UI交互原型设计、重现动画SVG品牌资产，以及构建情绪板——全部在Cursor内完成。
Cursor 交互原型、音效设计与数据可视化
设计师 Elizabeth Lin 探索 Cursor 中的设计美学 — 野兽派、Y2K、赛博朋克 — 交互音效，以及如何将丑陋的仪表板转变为精致的界面。
Cursor 设计师工作坊（完整版）
完整的设计师工作坊，涵盖 Agents 窗口、Figma MCP、Canvas UI 渲染器、Design Mode 浏览器调整和 Plan Mode——从零开始构建预算应用。
新的可视化编辑器：直接在代码库中设计
Cursor 官方可视化编辑器演示：选择元素、拖拽重排布局、通过对齐控件居中 div、从设计系统中交换字体和颜色令牌、调整网格布局——代理将每项更改直接应用到代码库。
Cursor 的新视觉编辑器能否替代 Figma？教程
一份教程，将 Cursor 的视觉编辑器与 Figma 进行对标——展示其在将设计转化为代码时的优势，以及作为完整设计工具仍存在的不足。
Cursor 可视化编辑器 — 直观修改布局
Gary Simon 深度体验 Cursor 可视化编辑器 — 高度评价布局、尺寸和样式控制，但指出每次 Apply 都会触发 LLM 调用的权衡。