Vídeos
Recorridos grabados, demos y charlas sobre diseñar con Cursor.
Tutorial COMPLETO de Cursor AI para Principiantes (2025)
Construye una aplicación React, sube a GitHub e implementa en Vercel — un tutorial end-to-end amigable para principiantes sin experiencia previa en programación.
Cómo hacer un sitio web con IA — Cursor 2025
Tutorial completo para principiantes que cubre HTML/CSS, dominios, hosting y cambios de diseño — construir y lanzar un sitio con Cursor, sin experiencia previa en programación.
Conversión de diseños de Figma con Cursor MCP
El tutorial más visto sobre conversión de Figma a código usando la integración Cursor MCP — seleccionar marcos y generar componentes de producción.
Cómo crear UIs hermosas con IA
Por qué shadcn/ui es el secreto detrás de la buena apariencia de v0, y cómo usarlo directamente en Cursor para entregar interfaces con mejor diseño.
10x Mejor Diseño UI para Vibe Coders — Usa v0 Directamente en Cursor
Una guía rápida y popular sobre conectar el modelo v0 directamente dentro de Cursor para una calidad UI dramáticamente mejor.
DESIGN en v0, FINALIZA en Cursor
Tres flujos de trabajo para mover diseños entre v0 (generación de UI de primera categoría) y Cursor (lógica e iteración rentable).
Guía del Diseñador para IA: Por Qué Este Diseñador Cambió a Cursor
Un director de diseño de Atlassian muestra cómo prototipar interacciones complejas de UI, recrear assets SVG animados de marca y construir mood boards — todo dentro de Cursor.
Cursor para Prototipos Interactivos, Diseño de Sonido y Visualización de Datos
La diseñadora Elizabeth Lin explora estéticas de diseño — brutalist, Y2K, cyberpunk — sonido interactivo, y cómo transformar dashboards feos en interfaces pulidas con Cursor.
Cursor para Diseñadores (Taller Completo)
Un taller completo enfocado en diseñadores que cubre la ventana Agents, Figma MCP, el renderer Canvas UI, ajustes en navegador con Design Mode y Plan Mode — construyendo una app de presupuestos desde cero.
Un Nuevo Editor Visual: Diseña Directamente en tu Codebase
Demostración oficial de Cursor del Visual Editor: selecciona elementos, arrastra y suelta para reorganizar el layout, centra divs con controles de alineación, intercambia fuentes y tokens de color de tu design system, y ajusta layouts de grid — el agente aplica cada cambio directamente en el codebase.
¿Es el nuevo Visual Editor de Cursor un asesino de Figma? Tutorial
Un tutorial que enfrenta el Visual Editor de Cursor contra Figma — qué hace bien para implementar diseños en código real, y dónde todavía queda corto frente a una herramienta de diseño completa.
El Editor Visual de Cursor — Modifica Layouts Visualmente
Tutorial práctico de Gary Simon sobre el Editor Visual de Cursor — elogiando los controles de layout, dimensiones y estilos, y señalando la compensación de que cada Apply dispara una llamada LLM.