Back/Design/Cursor
BeginnerDesignCursor

How to Brainstorm Web Design Aesthetics Using Cursor AI

Use Cursor's chat feature to explore and combine diverse visual styles like Brutalism and Y2K. This workflow shows how to generate unique design variations for a webpage by having a creative conversation with AI.

From How I AI

How I AI: A Designer's Guide to Cursor with Elizabeth Lin – From Y2K Aesthetics to Interactive Pianos

with Claire Vo

How to Brainstorm Web Design Aesthetics Using Cursor AI

Tools Used

Cursor

AI-first code editor

Step-by-Step Guide

1

Have a Conversation and Ask for Inspiration

Instead of starting with a predefined idea, treat the AI like a collaborative partner. Start a conversation in Cursor's chat to ask for a list of design aesthetics and descriptions to get your creative process started.

Prompt:
What design, aesthetics and movements are you comfortable implementing lists of styles and describe them to me.
2

Combine Different Styles and Generate

Challenge the AI's creative range by asking it to combine two very different styles. This can lead to wonderfully chaotic and unexpected results that would be time-consuming to code by hand.

Prompt:
Can you redesign the homepage to be brutalist and Y 2K style?
3

Iterate by Re-prompting with Checkpoints

If the first result isn't what you want, use Cursor's restore checkpoint feature to revert to the previous state. Then, run the exact same prompt again to generate a completely different variation, allowing you to explore multiple options quickly.

Prompt:
Can you redesign the homepage to be brutalist and Y 2K style?
Pro Tip: Liberally use the `restore checkpoint` feature to go back to the previous state. This prevents you from going too far down a rabbit hole you don't like.

Become a 10x PM.
For just $5 / month.

We've made ChatPRD affordable so everyone from engineers to founders to Chief Product Officers can benefit from an AI PM.