# New Plugin: Mockup Mirror

**URL:** <https://community.penpot.app/t/new-plugin-mockup-mirror/7264>\
**Category:** Plugins\
**Created:** [December 5, 2024, 6:44pm UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264 "2024-12-05T18:44:02Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![nusry](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/nusry/32/6513_2.png) [@nusry](https://community.penpot.app/u/nusry)\
**Post date:** [December 5, 2024, 6:44pm UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/1 "2024-12-05T18:44:02Z")

</div>

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](https://penpot.app/penpothub/plugins/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.

 ![cover](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/d/d92b539241f8f3b0e9fc0523241f8b872c50eed6.jpeg)

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

---

<div class="post-metadata">

**Author:** ![girafic](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/girafic/32/11061_2.png) [@girafic](https://community.penpot.app/u/girafic)\
**Post date:** [December 6, 2024, 11:22am UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/2 "2024-12-06T11:22:02Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![nusry](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/nusry/32/6513_2.png) [@nusry](https://community.penpot.app/u/nusry)\
**Post date:** [December 6, 2024, 11:36am UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/3 "2024-12-06T11:36:19Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![M\_s](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/m_s/32/3429_2.png) [@M\_s](https://community.penpot.app/u/M_s)\
**Post date:** [December 7, 2024, 12:28pm UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/4 "2024-12-07T12:28:23Z")

</div>

More support like prototyping output🤩

---

<div class="post-metadata">

**Author:** ![thierryc](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thierryc/32/3385_2.png) [@thierryc](https://community.penpot.app/u/thierryc)\
**Post date:** [December 11, 2024, 11:49pm UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/5 "2024-12-11T23:49:01Z")

</div>

> [@nusry](#):
>
> Your design data will be private and transfered locally via your WiFi (tech used: WebRTC)

I appreciate this feature.

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

---

<div class="post-metadata">

**Author:** ![nusry](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/nusry/32/6513_2.png) [@nusry](https://community.penpot.app/u/nusry)\
**Post date:** [December 12, 2024, 1:09am UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/6 "2024-12-12T01:09:06Z")

</div>

Thank you @thierryc  
Yes, it is open source

Plugin: [GitHub - NusryNizam/mockup-mirror-web: Mockup Mirror Penpot Plugin](https://github.com/NusryNizam/mockup-mirror-web)

Mobile App: [GitHub - NusryNizam/mockup-mirror-mobile: Mockup Mirror Companion App](https://github.com/NusryNizam/mockup-mirror-mobile)

Landing Page: [GitHub - NusryNizam/mockup-mirror-website: Landing page for MockupMirror companion app](https://github.com/NusryNizam/mockup-mirror-website)

---

<div class="post-metadata">

**Author:** ![thierryc](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thierryc/32/3385_2.png) [@thierryc](https://community.penpot.app/u/thierryc)\
**Post date:** [December 12, 2024, 1:44am UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/7 "2024-12-12T01:44:11Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![nusry](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/nusry/32/6513_2.png) [@nusry](https://community.penpot.app/u/nusry)\
**Post date:** [December 12, 2024, 4:03am UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/8 "2024-12-12T04:03:54Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![thierryc](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thierryc/32/3385_2.png) [@thierryc](https://community.penpot.app/u/thierryc)\
**Post date:** [December 13, 2024, 3:39pm UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/9 "2024-12-13T15:39:14Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![nusry](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/nusry/32/6513_2.png) [@nusry](https://community.penpot.app/u/nusry)\
**Post date:** [December 13, 2024, 4:44pm UTC](https://community.penpot.app/t/new-plugin-mockup-mirror/7264/10 "2024-12-13T16:44:51Z")

</div>

Great!  
Or we could crowdfund if people are willing.
