Back to Plugins
DIY Mockup Maker

DIY Mockup Maker

Batch-create in-device mockups using any device you choose

mockupmockupsdesigniphonedevicedesign toolsdiyframemacbook

Plugin Preview

DIY Mockup Maker preview

About this plugin

🎨 Playground file


📲 The DIY Mockup Maker lets you batch-create in-device mockups using any device you choose.


🌎 You can use any asset from a Community library, or create your own mockup device. As long as it has a frame called content inside, it'll work.


đŸžī¸ You can choose to add your design as a PNG instead, which can be useful for file performance. It has its limitations though.


â„šī¸ How to use it

  1. Select a template frame (your device), and make sure there is a frame inside called "content"
  2. Click on "Set Mockup Template". This template will remain assigned until you choose to change it.
  3. Select the frame(s) you want to add to your mockup. If multiple frames are selected, multiple mockups will be created.
  4. Click on "Generate Mockup(s)"


This is a work in progress. Any feedback is welcome!

Plugin Details

Version3
CreatedFebruary 15, 2025
Last UpdatedFebruary 16, 2025
CategoryPrototyping & animation plugins
Creatoralfonso
Stats27 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none