Learning Timeline
Key Insights
Pro-Tip: Professional Designer Workflow
The best way to work with Claude is by batching all your comments before sending them at once. This mimics how you would collaborate with a human designer in Figma or Canva.
The Advantage of Claude Design
Unlike typical 'one-shot' AI image generators, Claude Design allows you to iterate and maintain manual control over every generated element.
Prompts
Command to Remove Global Elements
Target:
Claude Design
Remove from all pages.
Command to Insert Footer Image
Target:
Claude Design
Here's my photo to put at the footer of all the pages.
Step by Step
Method 1: Using the Tweaks Panel for Quick Changes
- Look at the bottom right of the Claude Design screen to find the 'Tweaks' panel.
- Click on the background options provided to change the background look (e.g., from 'Plain' to 'Grid' or 'Dark Mode').
- Select 'Accent Color' from the available options to customize the design colors according to your 'Brand Style Guide'.
- Watch how Claude automatically updates the design based on the options you select in the panel.
Method 2: Using the Comment System for Specific Instructions
- Click directly on any element in the design (e.g., a text box or a shape).
- Type specific instructions in the comment box that appears (e.g., 'Remove from all pages').
- Click the 'Send to Claude' button if you want Claude to apply the change immediately.
- Alternatively, add multiple comments to different elements without sending them right away.
- Open the 'Comments' tab to view the list of all the changes you have labeled.
- Click the button to send all comments at once to Claude for a more efficient 'batch update'.
Method 3: Using Chat for Global Changes & Assets
- Make sure to toggle off 'Comment Mode' first.
- Type a general instruction in the main chat box (e.g., 'Change the font size for all pages in this carousel').
- Click the 'Attachment' button (paperclip icon) to upload external files like your profile photo.
- Instruct Claude to use the file (e.g., 'Put my photo at the footer of all pages').
- Press 'Send' and let Claude process and apply the asset across all design pages within seconds.
Method 4: Using Manual Edit for Full Control
- Click the 'Edit' button located at the top or within the main Claude Design interface menu.
- Click on any design element you wish to modify manually.
- Use the 'Design Options' panel that appears to adjust the position, size, color, or style of the element to your preference without AI assistance.
