aiux
PatternsPatternsCoursesCoursesNewsNewsResourcesResources
Overview

Setup

  • Download and Install Cursor
  • Navigate the Interface
  • Edit Code with AI Assistance

Prototype

  • Use Tab Completions
  • Chat with AI (Cmd+L)
  • Make Inline Edits (Cmd+K)
  • Build with Composer

Design-to-code

  • Convert Designs to Components
  • Build Frontend with React and Tailwind

Best Practices

  • Customize Your Workspace
  • Master Advanced Features
  • Best Practices and Team Workflows
  1. Guides
  2. /
  3. Cursor Course for Designers
  4. /
  5. Chat with AI (Cmd+L)
PrototypeLesson 5 of 12

Chat with AI (Cmd+L)

2 min readCursor for Designers

Chat (Cmd+L) is your AI pair programmer. Ask questions, explain errors, request code—it's a full conversation. Unlike autocomplete, Chat is perfect for explanations, debugging, and larger tasks.

Opening Chat

1

Press Cmd+L (Mac) or Ctrl+L (Windows)

The Chat panel opens on the right side.

2

Type your question or request

Anything from "What does this function do?" to "Create a form component"

3

Press Enter

Cursor AI responds with an answer, explanation, or code.

Real Cursor Chat panel interface showing AI conversation with code context and apply feature
Cursor Chat (Cmd+L) interface with conversation and code suggestions

Adding Code Context to Chat

To ask about specific code, highlight it first, then:

1

Highlight code in your editor

Select the code you want to discuss.

2

Press Ctrl+L (add to Chat)

On macOS, this is Cmd+L. That code is added to the Chat input.

3

Type your question

Now ask about that code: "Why does this error occur?" or "How can I optimize this?"

Ask Mode vs Edit Mode

Chat has two modes (toggle at the top of the Chat panel):

  • **Ask Mode**: Get suggestions and answers without changing your code
  • **Edit Mode**: Let AI modify your code directly (great for refactoring)

Example Questions You Can Ask

  • "Explain this JavaScript function in simple terms"
  • "Why am I getting this error? [paste error message]"
  • "How do I create a React component that does [what you want]?"
  • "What's the best way to style this with Tailwind?"
  • "Refactor this code to use async/await"
Pro Tip

Be specific! "Create a button" is vague. "Create a React button component with a blue background, white text, and a hover effect that scales up" gives Cursor much better direction.

Chat Fluency Achieved!

  • You can open Chat and ask questions
  • You can add code context to your questions
  • You understand Ask vs Edit mode
  • You're comfortable with the Chat workflow

Great! Chat is your AI partner for in-depth help. Next, let's learn Cmd+K for quick inline edits.

← Previous LessonUse Tab CompletionsNext Lesson →Make Inline Edits (Cmd+K)
← Back to Cursor Course for Designers overview

On this page

  • Opening Chat
  • Adding Code Context to Chat
  • Ask Mode vs Edit Mode
  • Example Questions You Can Ask

aiux

AI UX patterns from shipped products. Demos, code, and real examples.

Have an idea? Share feedback

Get daily AI UX news

Resources

  • All Patterns
  • Browse Categories
  • Contribute
  • AI Interaction Toolkit
  • Agent Readability Audit
  • Newsletter
  • Documentation
  • Figma Make Prompts
  • Designer Guides
  • All Resources →

Company

  • About Us
  • Privacy Policy
  • Terms of Service
  • Contact

Links

  • Portfolio
  • GitHub
  • LinkedIn
  • More Resources

Copyright © 2026 All Rights Reserved.