iterationLesson 5 of 12

Inline Comments and Direct Edits

2 min readClaude Design for DesignersUpdated Sep 17, 2026

When you need to change one specific element, this button, that heading, this spacing, chat is the wrong tool. Inline comments let you click anywhere on the canvas and describe a targeted change. Claude changes only what you pointed at.

How to leave an inline comment

1

Click the element

Click directly on the component you want to change, a button, a card, a headline.

2

Describe the change

Type the specific request. 'Make this button bigger and change the label to Start for free.'

3

Submit

Claude makes the targeted change without touching the rest of the canvas.

Steps 1–3 in action. The request queues in the chat panel after Send.

What inline comments are best for

  • Component-level refinements (button styles, card borders)
  • Spacing adjustments (gap between items, padding inside a section)
  • Element type changes (swap a dropdown for a radio group)
  • Specific copy edits (headline wording, CTA label)
Known quirk

Anthropic has documented that comments can occasionally fail to trigger, the comment queues and sends, but the canvas doesn't update, or the comment disappears on reload. When that happens, paste the same request into chat as a follow-up and Claude executes it there. Same result, different path.

Chat fallback. Same request, Claude applies it and the canvas refreshes.

Direct canvas edits

You can also edit text directly on the canvas, click a heading, change the words, press Enter. This is faster than describing the change in a comment for simple copy edits. Claude picks up the edit and preserves the design around it.

Want finer control? Open Edit mode

Click Edit in the top toolbar to open a precise editing panel: a layer tree of the page's elements plus Simple, Pro, and Code views. Select any element to adjust its styles directly (the Code view even exposes the raw CSS). Save keeps your changes; Discard reverts them. Reach for this when chat and comments aren't exact enough.

Edit mode: select any element to tune its styles directly, with Simple, Pro, and Code views. The Code tab exposes the raw CSS.

You can target specific elements

  • Can drop an inline comment on any element
  • Know which changes belong as comments vs. chat
  • Can direct-edit text on the canvas, or open Edit mode for precise element control

Next: custom sliders, a trick that makes design exploration actually fast.

Stuck on your own project? Book 45 minutes with me for $49.