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.
Click through the short workflow you want to show. In screenshot mode, each recorded click captures the visible viewport and creates a step. Review the capture after finishing.
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.