AI meeting notes mockup

An AI note-taker with audio waveform, speaker transcript, AI summary, decisions and action items.

Drop your screenshot here

Size

Format

Your image stays in your browser — nothing is uploaded.

This template draws an AI meeting assistant: a playback bar with waveform, a timestamped transcript with speakers, and an AI summary panel with key decisions and action items assigned to people.

On iPhone it is a live recording screen with a big timer, waveform and a live summary — great for voice, transcription and productivity AI products.

Examples

AI Meeting Notes mockup on MacBook Pro 14-inch, right angleAI Meeting Notes on MacBook Pro 14-inch Mockup — Right AngleAI Meeting Notes mockup on iPhone 17 Pro, left angleAI Meeting Notes on iPhone 17 Pro Mockup — Left AngleAI Meeting Notes mockup on Browser WindowAI Meeting Notes on Browser Window MockupAI Meeting Notes mockup on MacBook Pro 14-inch and iPhone 17 Pro, floating 3D, dark modeAI Meeting Notes on MacBook Pro 14-inch and iPhone 17 Pro Mockup — Floating 3D, Dark Mode

How it works

  1. Choose a screen

    Pick one of 18 interface types (5 layouts each) or upload your own screenshot. Press “New variant” until you like it.

  2. Choose a device

    Put it on an iPhone 17 Pro, iPhone Air, MacBook Pro or MacBook Air — or show it in a browser window.

  3. Download

    Pick an angle and background, then download a high-resolution PNG, JPG or WebP. Transparent background works too.

Questions

What is shown in the AI summary?

A short summary paragraph, two decisions and four action items with checkboxes and assignees.

Can I use it for a transcription app?

Yes — the waveform and transcript fit any voice, call or meeting product.

Is there a mobile recording screen?

Yes, choose iPhone.

Is UI Generator free?

Yes. Every interface, device, angle and export size is free, and you don’t need an account. You can use the images in commercial projects.

Can I put my own screenshot on an iPhone or MacBook?

Yes. Click “Your screenshot”, drag an image onto the preview or paste it with Ctrl/Cmd+V. Your image is processed in your browser and is never uploaded.

More mockups