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
Turn on Comment and click the element
Click the comment icon at the top of the canvas, then click the component you want to change: a button, a card, a headline. The popover names what you clicked.
Describe the change
Type the specific request. 'Make this button bigger and change the label to Start for free.'
Send to Claude
Keep Send to Claude ticked and send. The comment appears in the chat as "Comment on ... sent to Claude" with a View thread link, and Claude makes the targeted change without touching the rest of the canvas.
Cards, rows and list items are often drawn from one shared template. A comment on one of them can land on the template itself (the popover shows something like Board > text {{card.title}}), so Claude can't tell which copy you mean and will ask, or guess. Say it in the comment: "Rename the Finalize Q2 launch copy card to Launch hero."
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)
Anthropic has documented that comments sometimes don't show on the canvas. They aren't lost: open the comments view to find them. If a comment's change didn't land, paste the same request into chat as a follow-up and Claude executes it there. Same result, different path.
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.
Layout works the same way. Click Edit in the top toolbar, select an element, then drag it to move it or pull its corner handles to resize it, and use the alignment controls to line things up, all without a prompt. Click Save to keep the change or Discard to drop it. Use this for nudges you can see; describe the change in chat when it's about structure.
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.
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: Tweaks, a trick that makes design exploration actually fast.