Mockaps Mockaps

Teams Meeting
Mockup Generator.

Your people. Your next idea.
A familiar place to bring them together.

Preview device
Preview theme
LIVE PREVIEW
Meeting layout
Click a person to edit their details
‹Designing the next chapter12:454 participantsAlex MorganSRSam RiveraJLJordan LeeTBTaylor Brooks (You)CameraMicSpeakerMoreLeave
454 × 680 px

Every size is free. No watermark.

Keep an editable copy on your device. How it works

Pick up where
you left off.

Open a saved project, or paste one prepared by an AI assistant. It stays in your browser.

Start a fresh mockup?

This resets the meeting and removes its uploaded images from this local draft.

A FEW WAYS TO MAKE IT YOURS

Teams meeting examples.
A little inspiration to start.

A studio catch-up, a new direction, a conversation on the move. Start with a scene and make it yours.

Light Microsoft Teams desktop gallery mockup with six participants, three camera portraits, a purple active-speaker border and a raised hand on a lavender canvas.

Desktop · Light · Gallery

A little Monday momentum

Six people, three camera photos and a fresh start to the week. Put your team in the frame and choose who has the floor.

Dark mobile Microsoft Teams meeting mockup with four people, camera and initials tiles, purple speaker outline and bottom meeting controls on a peach canvas.

Mobile · Dark · Gallery

Good ideas travel with you

A quick four-person check-in with two cameras, two initials tiles and one raised hand. An easy starting point for a meeting on the move.

Light mobile Microsoft Teams speaker view with Jordan Lee on camera, Alex Morgan below and an editable caption on a sage green background.

Mobile · Light · Speaker

Room for another perspective

A quiet one-to-one conversation with Jordan on the main stage. Change the portraits and caption to tell your own story.

Dark desktop Teams meeting mockup showing a ceramics collection slide, three camera portraits and a purple-accented meeting chat panel on a cream background.

Desktop · Dark · Screen share & chat

Bring the next collection into focus

A ceramics presentation with camera tiles and a lively meeting chat. Replace the shared screen and write the conversation around your own idea.

Light desktop Microsoft Teams meeting mockup with a six-person gallery, People panel, organizer details, recording banner and captions on a soft blue canvas.

Desktop · Light · People panel

Everyone brings something

A workshop with the participant list open, a recording indicator and captions. Give each person a name, photo and role in the conversation.

Light mobile Teams screen share mockup with an editable lavender design slide, Alex Morgan camera tile, Taylor Brooks initials and a pale lilac canvas.

Mobile · Light · Editable slide

A small screen for a big idea

Share a lavender slide from anywhere. Edit the headline and colors, upload a presentation, or build a new meeting around the next chapter.

Made with this generator. Sample brands, conversations and engagement counts are fictional.

A FRESH STARTING POINT

Make this one
your own.

Load “” into the editor? This replaces your current local draft. You can restore the previous draft from this section until you reload the page.

MAKE ROOM FOR YOUR TEAM

The setting is familiar.
The story is yours.

01

Pick your view.

Bring everyone into a gallery, give a speaker the floor or share a presentation. Try mobile, desktop, light or dark.

02

Add a little personality.

Drop in camera photos, edit the names and start a meeting chat. Drag each photo into place right in the sidebar.

03

Take the scene with you.

Download a PNG or JPG at 1×, 2× or 3×, all free. Save a project file to carry on later or share an editable version.

A FEW USEFUL DETAILS

Before you
make it yours.

Is the Teams meeting mockup generator free?

Yes. All current editing features and PNG or JPG downloads at 1×, 2× and 3× are free. No account, subscription or watermark. The download controls show the exact pixel dimensions for your design. Very large designs may need a smaller size to fit your browser’s image limits.

What can I customize?

Switch between Gallery, Speaker and Shared screen layouts. Edit the meeting title, duration, organizer, active speaker and up to 12 participants. Each person has their own name, camera photo, initials color, microphone and raised-hand state. Add captions or a recording indicator to set the scene.

Can I add my own camera photos?

Yes. Select a person in the sidebar or click their tile in the preview. Add a PNG, JPG or WebP photo up to 8 MB, then drag it to position it and adjust the zoom. Replace or remove each photo independently. Uploaded images are resized in your browser.

Can I show the Teams chat or participant list?

Yes. In Chat & side panel, choose Chat or People. The panel appears on the right of the desktop meeting. Chat supports up to six editable messages with names, times and a sent-by-you style. The preview shows the latest messages that fit.

Can I show my own presentation?

Choose Shared screen above the preview. Open Shared screen in the sidebar to upload a slide or screenshot, or change the title, subtitle and background of the built-in slide. Uploaded presentations fit without cropping.

Are mobile and dark mode included?

Yes. Start with the mobile view or switch to Desktop. Both have light and dark themes. You can also change the canvas color, spacing and shadow, or export a PNG with a transparent outer canvas.

Can I save a project or use content from an AI assistant?

Yes. Save project downloads an editable file with your settings, text and uploaded images. Open project restores it in the same tool, or lets you paste project JSON from an assistant. Review it before replacing your draft. Files are processed in your browser, not uploaded to your account.

Can I use the downloaded images commercially?

Yes. Images exported from these social and app mockup tools can be used in personal projects, social posts, presentations and client work without a Mockaps subscription or attribution. You still need permission for content you add. Platform names and logos belong to their owners; a mockup does not imply their endorsement.

Can I edit the examples below?

Yes. Use this example loads its layout, people, photos, chat and presentation into the editor. You can restore your previous draft from the examples section until you reload the page.

Does this start a real Teams meeting?

No. This creates a still image for presentations, tutorials and creative projects. It does not join Microsoft Teams, access your camera or microphone, send messages, invite participants or record anyone.

Will it match every version of Teams?

It recreates familiar Microsoft Teams meeting layouts. The live app can vary by device, account and update. Use this tool to plan your visual and check the real interface when precise product documentation matters.

An independent tool by Mockaps. Microsoft Teams is a trademark of Microsoft Corporation. This tool is not affiliated with or endorsed by Microsoft.