Elizabeth Lin – Prototyping with Cursor

Here’s What You Get:

AI tools like Cursor are expanding what’s possible for designers and non-developers. Instead of spending hours manually crafting prototypes, you can now build interactive prototypes in minutes.

Whether you want to create a custom portfolio from scratch or build with components straight from your Figma design system, this course is a great fit for you!

22 chapters of content with videos and documentation
7 portfolio-worthy projects
Step-by-step tutorials
Support and feedback through a Discord community
Access forever
Future updates to the course
Certificate of completion
Explore two ways of working with Cursor:

Creative exploration

How can Cursor be a creative partner in your work? What novel ideas can you generate with the help of an LLM? Design with a variety of visual styles, explore creative typography, and create a working piano.

Technical execution

What are practical ways for using Cursor in your design process? Using a Model Context Protocol (MCP), convert a design system into components for building pixel perfect prototypes. Learn to build prototypes with real data.

The curriculum in detail:

Foundations – Getting started

Learn the basics of Cursor, set up your development environment, and practice git basics.

Project 01 – Customize your homepage

Personalize your project’s landing page with visual styles and creative prompts.

Lesson – Debugging 101

Master essential debugging techniques to fix errors in your code.

Lesson – Deploy your website

Publish your projects to the web using Vercel.

Project 02 – Make a piano

Create a working interactive piano.