Build a Design System in Cursor for Design and Prototyping
Ayon Bhattacharya
Founding Product Designer at Eve
Xinran Ma
Founder of Design with AI
A simple workflow to build design system in Cursor
Many designers are interested in integrating Cursor into their design workflows, but the design system is the tricky part.
Hooking into production code often comes with various challenges and requires extensive engineering support, which is why bridging design and code remains a headache for many teams.
This workshop introduces a workaround: building a simplified design system in Cursor for design generation. It enables on-brand designs without the complexity of production code and makes handoffs and communication with engineers easier.
You leave with something you built step by step with us, a workflow you can grow over time, and something concrete to show your team why this approach is worth investing in.
Workshop agenda
- 5:00PM EDT
Setup & Onboarding
Open Cursor, make sure Figma MCP runs, and get ready to start. The files and instructions will be sent a day before too.
- 5:10PM EDT
Figma to Cursor
Turn components in Figma to code in Cursor. You'll follow along and build real components step by step.
- 5:45PM EDT
Iterate & Refine
You'll fix issues, add interaction states, refine the details, and get components ready to be reused.
- 6:15PM EDT
Design Variations & Prototypes
Now that you have components, put them to work. Generate design variations, build quick prototypes, and learn how to use skills and guideline.md to streamline tasks.
- 6:45PM EDT
Extra Q&A
In addition to the live support throughout the workshop, you’ll get extra time to ask questions and get bugs fixed.
Who this workshop is for
Product designers who have used Cursor before and are familiar with using Figma MCP
All designers who are interested in learning how to create design systems in Cursor and generate designs
Design managers or PMs who are interested in learning how this pratical workflow works
What's included
Live sessions
Learn directly from Ayon Bhattacharya & Xinran Ma in a real-time, interactive format.
Lifetime access
Go back to course content and recordings whenever you need to.
Community of peers
Stay accountable and share insights with like-minded professionals.
Certificate of completion
Share your new skills with your employer or on LinkedIn.
Maven Guarantee
Your purchase is backed by the Maven Guarantee.
Frequently asked questions
$290
USD