Resources

Documentation & guides

Everything you need to get the most out of Mockstage — from installing the plugin to sharing polished, presentation-ready previews with your team.

Getting started

Install the plugin from the Figma Community and open it from any file. Select a frame, choose a device format, and click Generate Preview.

Selecting a frame

Any top-level Figma frame works — mobile screens, dashboards, marketing pages, and print layouts. The selected frame is what Mockstage renders inside the device.

Devices & customization

Switch between phone, tablet, laptop, desktop, and browser presentations. Pick a device color and background treatment before generating.

Capturing screenshots

Once the preview is generated, use the built-in capture to export the design plus its device frame as a single image ready for decks and reports.

Shortcuts & tips

⌘/Ctrl + scroll to zoom the canvas. Drag to pan. Use the frame picker rail to quickly switch between mockups.

FAQ & troubleshooting

Common issues, browser support, and workflow tips are covered on the home-page FAQ. For anything else, reach out to support.

Need more help?

Visit the Help & Support page, or directly.