# Build

- [Interactive Demo](/kb/build/interactive-demo.md)
- [Record](/kb/build/interactive-demo/record.md): Recording is the first step in creating an Arcade. You can record using the Chrome extension, the desktop app, uploaded media, or the Figma plugin.
- [Edit](/kb/build/interactive-demo/edit.md): Once you've recorded your Arcade, you can start editing: add and remove steps, add context, trim video, highlight features, and more.
- [Design](/kb/build/interactive-demo/edit/design.md): The Design panel gives you full control over how your Arcade appears and behaves. From backgrounds to autoplay settings, this is where you make your Arcade truly your own.
- [Branding & Theme](/kb/build/interactive-demo/edit/branding-and-theme.md): Themes and branding help you control the look and feel of your Arcades across your workspace, teams, folders, and individual Arcades.
- [SVG Best Practices](/kb/build/interactive-demo/edit/branding-and-theme/svg-best-practices.md): This is to help you upload your logos and thematic files in the best format for Arcade
- [Hotspots, Callouts, & Spotlights](/kb/build/interactive-demo/edit/hotspots-callouts-and-spotlights.md)
- [Chapter, Form, & Embed](/kb/build/interactive-demo/edit/chapter-form-and-embed.md)
- [Audio](/kb/build/interactive-demo/edit/audio.md): Add background music, voiceovers, and captions to create immersive, accessible Arcades.
- [Video](/kb/build/interactive-demo/edit/video.md): Trim, split, narrate, and polish your videos with Arcade’s powerful editing tools.
- [Pan and Zoom](/kb/build/interactive-demo/edit/pan-and-zoom.md)
- [Branching](/kb/build/interactive-demo/edit/branching.md)
- [Variables](/kb/build/interactive-demo/edit/variables.md): Personalize your Arcades with dynamic text using variables and custom links.
- [Cover & Fit](/kb/build/interactive-demo/edit/cover-and-fit.md): Control how each step’s image or video fills the frame, from full-bleed to perfectly scaled.
- [Translations](/kb/build/interactive-demo/edit/translations.md): Translate your Arcades to let your viewers experience them in their preferred language
- [Edit Page & HTML Editing](/kb/build/interactive-demo/edit/edit-page-and-html-editing.md): Edit page content before or after recording to personalize demos, clean up visuals, and fix details — all without re-recording.
- [AI & Avery](/kb/build/interactive-demo/edit/ai-and-avery.md): Arcade uses AI to help you generate copy, split videos, translate Arcades, and personalize the viewer experience — always with customer privacy as a top priority.
- [Misc.](/kb/build/interactive-demo/edit/misc..md)
- [Share](/kb/build/interactive-demo/share.md): Different methods for sharing your Arcades with viewers.
- [Embeds](/kb/build/interactive-demo/share/how-to-embed-your-arcades.md): Arcades can be embedded inside anything that supports iframes. Here, we cover embedding basics and sample instructions for specific sites.
- [Exports](/kb/build/interactive-demo/share/exports.md)
- [Custom Links](/kb/build/interactive-demo/share/custom-links.md)
- [Collections](/kb/build/interactive-demo/share/collections.md)
- [Step by Step](/kb/build/interactive-demo/share/step-by-step.md): The Step-by-Step Guide is available on Pro, Growth, and Enterprise plans.
- [Share Page](/kb/build/interactive-demo/share/share-page.md): Arcade offers multiple ways to share your demos — whether through a dedicated share page, embedded on your site, exported as a video or guide, or enhanced with additional context in a Room.
- [Arcade Access Control](/kb/build/interactive-demo/share/arcade-access-control.md): Arcade-level RBAC gives you the power to share and collaborate with other users on an individual Arcade by Arcade level. You can grant specific accounts the power to view and/or edit chosen Arcades.
- [Private Sharing](/kb/build/interactive-demo/share/private-sharing.md)
- [Mobile](/kb/build/interactive-demo/share/mobile.md): Arcade automatically adapts to smaller screens to ensure your demos remain usable and visually clean on mobile devices. This behavior can be customized depending on your layout needs.
- [Commenting](/kb/build/interactive-demo/share/commenting.md)
- [Internal Organization](/kb/build/interactive-demo/share/internal-organization.md)
- [Offline Mode](/kb/build/interactive-demo/share/offline-mode.md): If you've ever been mid-presentation at a conference and watched your browser freeze because the hotel WiFi had other plans, this one's for you.Arcade demos can now be saved locally!
- [Creator Studio](/kb/build/creator-studio.md): Beautiful, on-brand demos, videos, and visuals without the wait.
- [Brand Kits](/kb/build/creator-studio/brand-kits.md): It takes seconds to set up. Your brand comes to life instantly, in every asset.
- [Video Generation](/kb/build/creator-studio/video-generation.md): Quickly create on-brand teaser videos, sizzle reels, and product overviews. Easily tweak headlines and voiceovers to stay on message.
- [Visual Generation](/kb/build/creator-studio/visual-generation.md): Generate on-brand ads, banners, and images – without bothering a designer. Use default formats to quickly craft beautiful visuals for different channels.