Creating your first interactive demo

Install the Aceframe Chrome extension from the Chrome Web Store. You can find it by searching "Aceframe" or visiting aceframe.ai/extension.

Navigate to the web page you want to demo. This could be your own product, a client's product, or any web application you want to create a walkthrough for.

Click the Aceframe icon in your browser toolbar to open the capture panel. Click "Capture Demo" to start recording.

Now just use your product normally. Each click you make captures a full-page screenshot and creates a step in your demo. Click through the workflow you want to show - the extension tracks every interaction.

When you are done, click "Finish" in the capture panel. Your demo is automatically saved to your Aceframe dashboard.

AI generates annotations for every step automatically. Each step gets a description that explains what the viewer should do, like "Click the Create Project button to start a new workspace."

Review and edit your demo in the editor. Adjust annotation text, reposition elements, add or remove steps, and customize the styling.

Click "Share" to get a link, or "Embed" to get an iframe code for your website. Your interactive demo is ready for prospects, customers, or team members to click through.