# 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 {% @arcade/embed flowId="fJwI3CKNyfLOWliD8Qof" url="" %} 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 * Design You’ll also see: * Zoom controls (- / +) * Blur level (S, M, L) * Undo/redo buttons * *Save* and *Cancel* in the top right ### What plan is the image editor a part of? The image editor is for Growth only. So, to crop, blur, highlight or design etc. you'll need to upgrade to Growth. *** ## Blur ### How do I blur part of an image/video? 1. Click the Blur button. 2. Drag a rectangular or square box over the area you want to hide. 3. 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. {% @arcade/embed flowId="zjXJZgDNMVbtvpXjfTit" url="" %} *** ## Crop ### How do I crop an image? 1. Click the Crop button. 2. Drag the corners of the cropping frame to select the part of the image you want to keep. 3. 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.* *** ## 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)] *** ## Mobile #### How can I get my mobile captured Arcade to have the text on the screen? If you captured or uploaded a mobile Arcade, you can switch between Fit and Wide. This selection is found underneath the Design editing tab. Fit will keep the text over the actual screen whereas Wide will add text to the side of your demo screen. #### My mobile export is low quality? Double check whether your Arcade is in Fit or Wide. Currently, we do not have the ability to export Wide Mobile demos. You'll have to switch to Fit and export again. *** ## 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? 1. Click the Comments icon from the right-hand toolbar. 2. A side panel will open, showing existing comments and a space to add new ones. ### How do I add a comment? 1. Click into the “Add a comment…” box at the bottom of the Comments panel. 2. Type your message. 3. Use the toolbar to: * Tag a teammate using `@` * Add an emoji * Upload a file or link 4. 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). --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.arcade.software/kb/build/interactive-demo/edit/misc..md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.