Misc.
Image Editor
What is the Image Editor?
The Image Editor lets you visually modify any static image step in your Arcade. It’s ideal for:
Hiding sensitive information
Drawing attention to specific areas
Cropping out unneeded UI
Adding branded or instructional design elements
You’ll find the Image Editor by clicking the paintbrush icon on the right side of your editing view.
When opened, you’ll see four tool options at the bottom of the screen:
Blur
Crop
Highlight
Design
You’ll also see:
Zoom controls (- / +)
Blur level (S, M, L)
Undo/redo buttons
Save and Cancel in the top right
Blur
How do I blur part of an image?
Click the Blur button.
Drag a rectangular or square box over the area you want to hide.
You can apply multiple blur areas on the same image.
Use blur to cover private info like usernames, emails, or analytics values.
Can I control the strength of the blur?
Yes — use the Level buttons at the top (S, M, L):
S = light blur
M = medium blur
L = strong blur
The current blur intensity will apply to the selected area.
Crop
How do I crop an image?
Click the Crop button.
Drag the corners of the cropping frame to select the part of the image you want to keep.
Click Save when you're done.
Cropping is helpful when:
You want to focus on a smaller UI section
You want to remove unwanted areas (e.g. browser tabs or footers)
Note: The crop tool maintains a rectangular shape and affects the entire image step.
Highlight
How do I highlight a specific part of the image?
Click the Highlight button.
Drag to create a box over the area you want to emphasize.
You can choose:
Brightness of the highlight (dark or light overlay)
Density of the highlight area (small, medium, large)
Use highlights to guide user focus during onboarding or product tours.
Design
What can I do in the Design tab?
The Design tool allows you to add visual elements directly to the image. You can:
Insert shapes (e.g., rectangles or circles)
Choose custom colors for your shapes
Upload images or icons (e.g., logos, arrows, checkmarks)
This is perfect for layering extra information, branding, or direction onto a step. The Media Library is where all the screenshots and video steps captured during your Arcade recordings are stored. You can access it by clicking the Media Library icon from the right-hand editing toolbar.
From the library, you can:
View previously captured image and video steps
Replace existing steps
Add new steps to your current Arcade
Upload media from your device
[Insert image: Screenshot of Media Library UI (uploaded)]
Using the Media Library
How is the Media Library organized?
All tab: Shows both images and videos
Images tab: Filters only static screenshot steps
Videos tab: Filters only recorded video steps
Each media item includes a resolution label (e.g.
2732 Ă— 1536
) and a step type icon (image or video)
The size of your current Arcade appears in the bottom-left corner of the library panel — note that this is displayed at 2× scale for DPR (device pixel ratio) purposes.
What can I do when I hover over a media item?
When hovering over any image or video, you'll see three actions:
Add to new step: Insert this media as a new step in your Arcade
Replace current step: Swap the current step you’re editing with this media
Delete: Remove the media from your library
These options make it easy to reuse or manage existing recordings while keeping everything aligned with your current project.
How do I replace a step using the Media Library?
You can replace a step two ways:
From the editing view, delete the current step and drag in a new one.
Or — in the Media Library — hover over the media you want to use and select Replace current step.
Can I upload my own images or videos?
Yes! At the bottom of the Media Library, click the Upload media button to bring in your own files.
This is helpful if you want to:
Add high-res screenshots from outside the Arcade
Reuse recordings from previous demos
Incorporate externally produced assets
What dimensions should uploaded media have?
Arcade will automatically crop all steps to match the dimensions of the first step in your Arcade.
To check those dimensions:
Hover over the Upload media button — your Arcade’s default resolution will be shown there (e.g.,
2732 Ă— 1536
)
Tip: Uploading media that matches the original dimensions helps prevent unexpected cropping or layout shifts.
Commenting
What is the commenting feature?
Commenting allows you to leave feedback, tag teammates, and discuss changes directly inside an Arcade — step by step.
You can use comments to:
Suggest edits or improvements
Ask questions
Tag collaborators
Leave reminders for future edits
Request help from the Arcade team
This makes it easy to keep cross-functional collaboration in one place, even if not everyone is actively editing.
How do I open the commenting panel?
Click the Comments icon from the right-hand toolbar.
A side panel will open, showing existing comments and a space to add new ones.
How do I add a comment?
Click into the “Add a comment…” box at the bottom of the Comments panel.
Type your message.
Use the toolbar to:
Tag a teammate using
@
Add an emoji
Upload a file or link
Press the arrow button to post your comment.
Can I attach a comment to a specific step?
Yes. Comments are automatically anchored to the step you're currently viewing when you open the comment panel. This makes it easy to keep feedback context-specific.
Who can see or use comments?
Comments are available only in Arcades shared within team spaces. This ensures team-based collaboration while keeping solo projects clean.
How can I tag someone on my team?
Just use @
and start typing their name. Tagged teammates will be notified depending on their preferences (see below).
Can I request help from the Arcade team?
Yes! Tag @Arcade Expert in your comment. Someone from the Arcade support team will be notified and can jump into your Arcade to assist.
This is great for:
Troubleshooting something specific
Asking for creative input or feedback
Reporting issues
Can I resolve or delete comments?
Yes. After a comment is posted, you'll see options to:
Mark as resolved (usually a checkmark icon)
Delete the comment if it’s no longer needed
This helps keep your Arcade workspace tidy and clear once feedback is addressed.
How do comment notifications work?
Each teammate can choose their own notification settings for comments on shared Arcades:
All comments: Get notified for every new comment
Mentions only: Only receive notifications when you’re tagged
No notifications: Completely mute comment notifications
You’ll find these options inside the commenting panel under the settings menu (three dots ...
at the top).
Last updated
Was this helpful?