Staging environment
Workshop

Build a Design System in Cursor for Design and Prototyping

4.8 (4)

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.

What you’ll learn

    Workshop agenda

    • 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.

    • Figma to Cursor

      Turn components in Figma to code in Cursor. You'll follow along and build real components step by step.

    • Iterate & Refine

      You'll fix issues, add interaction states, refine the details, and get components ready to be reused.

    • 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.

    • 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

    Ayon Bhattacharya

    Contact

    Product Designer who does 95% of his work directly in Cursor and Claude Code

    Xinran Ma

    Xinran Ma

    Contact

    Founder of Design with AI | 3x Author | Startup Advisor

    See all products from Xinran

    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

    Maven for Teams

    Reimbursement

    Get your company to pay

    Everything L&D needs: email template, receipts, and certificate of completion.

    Get reimbursed

    Private cohort

    Run a cohort for your org

    A dedicated cohort with a custom schedule and curriculum, tailored to your team.

    Book a private cohort