Back to Plugins
MockupMirror

MockupMirror

Effortless Sync, Streamlined Design with MockupMirror

mmmockupmirrorcomponentssyncuser flowworkflowsitemapexportmockup mirrorflowssotsnapshot

Plugin Preview

MockupMirror preview

About this plugin

Mirror and sync any screen in your file to create user flows without creating more versions of content. Keep a single source of truth.

 

Sound interesting? Try it now in MockupMirror Playground...

https://www.figma.com/community/file/977797826186922410/MockupMirror-Playground

 

How to Mirror like a pro:

  1. Select any frame you want to mirror.
  2. Click +Mirror to capture a PNG image of the source.
  3. Paste Mirrors into your designs, on any page in the file.
  4. When you change the source design, click Sync All to update Mirrors.

 

What can MockupMirror do?

MockupMirror allows you to retain a single source of truth for your designs and keep everything in sync. It allows you to capture designs as PNG files that sync. We call these ‘Mirrors’. Jump instantly from Mirror to source for quick editing. Keep everything up-to-date with one-click sync.

 

Why did we create MockupMirror?

Complicated user experience flows and information architecture maps require designers to reproduce numerous identical versions of the same designs. Scattered instances are hard to manage and can fall out of sync with the original design. MockupMirror simplifies the design process by capturing PNG images of your designs to paste into flows anywhere in the file. Use hyperlinks to jump from image to source for quick editing. Sync changes with one click.

Plugin Details

Version23
CreatedMay 22, 2021
Last UpdatedJanuary 28, 2024
CategoryFile organization plugins
CreatorChloe
Stats6581 installs, 234 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"cmd": "dist/cmd.html", "main": "dist/ui.html", "settings": "dist/settings.html"}
  • main:dist/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api-js.mixpanel.com