Record
The first step in making an Arcade is recording. This page handles the basics (and the advanced!) of recording a great Arcade.
Click on the Arcade Chrome extension to start recording, and click it again to stop. You can also use
⌘E to start or stop recording. Once you start recording, Arcade will automatically capture everything you click on. When the Arcade is done recording, you'll be able to edit your Arcade.
When you click anywhere on a webpage, Arcade will take a screenshot and put a hotspot in the correct place.
If you scroll, type, drag and drop, Arcade will record a video. You can always keep, edit, or delete these videos while editing your flow.
Of course! Just hit the
Esc key, and the recording will automatically stop. If you finish a recording you don't need, you can always delete it from your library. For sure! Anyone can create an Arcade manually, without the Chrome extension. You can always use this to add other media to your Arcade while editing.
Make sure that all images and videos you add to an Arcade use the same dimensions. Arcade automatically resizes all images to match the dimensions of the first uploaded or captured image,
Arcade should capture everything that shows on your tab while you are recording. There are a handful of exceptions:
- If you move to another tab, Arcade will capture images but not videos. If you need to move between tabs, we suggest creating an Arcade on each tab and then combining them by copying and pasting the steps.
- Arcade cannot capture the action of another Chrome extension.
- Whenever a website uses native select controls (drop-downs that aren't styled, native windows like a file picker), the Chrome capture API will not record it. In these events, you'd need to upload a screenshot of the file picker or other control to add it to your Arcade.
- If you move too quickly, the Chrome extension may miss a blade or tab. In these cases, we recommend slowing down while you record your Arcade. Make sure to hover over the items you'd like to capture, and maybe add an extra click on the blade while it's open. This shouldn't happen frequently, and please reach out to us if you notice it happening to you!
Recording with the Chrome extension is the easiest way to make an Arcade.
If you prefer to not use the Chrome extension, you can always manually make an Arcade with screenshots.
Safari: The Chrome extension won't work on Safari. If you use Safari, you can always create an Arcade manually.
Arc: Yup! Arc is a Chromium browser, so the Arcade extension works great there. Most of the Arcade team uses Arc. (Arcade on Arc... pretty meta.)
Brave: The Chrome extension also works on Brave.
Other browsers: Write to us and let us know your experience!
The Arcade extension runs on Chrome, so it can't record on your desktop. You can always take screenshots and screen recordings on your desktop and use them to create an Arcade manually, or use video splitting to make your screen recording into an interactive demo.
Chrome extensions don't work on most mobile browsers (both iPhone and Android), so you won't be able to record an Arcade directly on your phone.
You can take screenshots and screen recordings on your phone, and then upload them to create a mobile Arcade, or upload a screen recording and use video splitting to make your screen recording into an interactive demo.
Before Arcade starts recording, it will resize your screen to an optimal size. Using a standard size makes it easier to record Arcades between different screens, upload correctly sized images no matter where you are, and keep the resolution crisp.
You do not need to use the screen resize feature, but it does help!
If you're creating an Arcade from scratch, we recommend recording at 1200x800 px. This is because most Arcades are embedded on a webpage and usually not at 100% size. However, if you'd like to record at a larger or smaller size, you can.
If you're uploading media and want to ensure it is sized correctly, you can check the dimensions of your first uploaded step. Just hover over the upload button and a tooltip will appear with the dimensions of your first uploaded step. You can use these dimensions to crop/choose other images accordingly.
Arcade determines the aspect ratio based on the first step. The dimensions of the first step will be used across all following steps.
This means that if your first step's aspect ratio differs from that of other steps, the following steps will be cropped to match it.
If you're uploading media and want to ensure it is sized correctly, you can check the dimensions of your first uploaded step. Just hover over the upload button and a tooltip will appear with the dimensions of your first uploaded step. You can use these dimensions to crop/choose other images accordingly.
Last modified 2mo ago