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 want to design in Cursor using an existing design system, but they often run into challenges.
Integrating with production code can be complex and often requires significant engineering support—one reason why bridging design and code remains a headache for many teams.
This 2-hour workshop introduces a proven, practical workaround for design teams: building a 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’ll walk away with something you built step by step with us—a simple workflow you can use right away, grow over time, and share with your team to show 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.
Learn directly from Ayon & Xinran
Ayon Bhattacharya
Product Designer who does 95% of his work directly in Cursor and Claude Code
Xinran Ma
Founder of Design with AI | 3x Author | Startup Advisor
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.