New Plugin: Mockup Mirror

Hey guys!

I’m soooo excited to share my new plugin that I’ve been developing for the past couple weeks.

MockupMirror. This plugin lets you preview your Penpot designs directly on a real Android device using a companion app. It’s a seamless way to see your designs in action on an actual device.

Features

  • Connects with your phone with a simple QR Code
  • Your design data will be private and transfered locally via your WiFi (tech used: WebRTC)
  • Preview multiple Boards on your device

I hope this tool will be helpful for your design workflows. I’d love to hear your feedback. Feel free to share your thoughts, suggestions, or any features you’d like to see!

Currently it’s under review for the listing in the Penpot Plugins platform.
(Edit: It’s already approved: Penpot Plugin | Mockup Mirror)

Only Android is supported as of now, since I don’t have a Mac and an Apple Developer Account (Costs Money haha). But the app is built with React-Native, so it is ready to run on iOS devices too.

Links:
https://mockup-mirror.netlify.app/
GitHub - NusryNizam/mockup-mirror-web: Mockup Mirror Penpot Plugin (Plugin)

12 Likes

Good work :tada: Setting the scale of images @2x or @3x in the plugin would be nice.

1 Like

Yeah, but it takes some time to generate when the quality is high though.

I could give the option for the user to choose a scaling factor. Thanks for the feedback.

1 Like

More support like prototyping output🤩

1 Like

I appreciate this feature.

It appears to be an excellent plugin that seems essential.
Could you confirm if it is open source?

1 Like

Thank you @thierryc
Yes, it is open source

Plugin: GitHub - NusryNizam/mockup-mirror-web: Mockup Mirror Penpot Plugin

Mobile App: GitHub - NusryNizam/mockup-mirror-mobile: Mockup Mirror Companion App

Landing Page: GitHub - NusryNizam/mockup-mirror-website: Landing page for MockupMirror companion app

2 Likes

I wanted to confirm: The iOS version of the app is complete?
Since this is a React Native application, it should be compatible with iOS platforms as well, correct?

1 Like

Yes, but since Apple doesn’t allow you go sideload apps, it’s not possible to install. The only way is to publish it to the app store which I’m not willing to spend money on, at this point in time.

For Android, you can install it directly through the APK, unlike iOS.

1 Like

I understand. Publishing to the App Store can be a hassle and costs money. I’ll probably renew my Apple Developer account soon, and if I do, I’ll let you know. Since it’s open source, I could try publishing it for you, or maybe the Penpot team could handle it. I’ll also try building it locally to see if I can install it that way.

2 Likes

Great!
Or we could crowdfund if people are willing.

3 Likes