MixFrame uses live code and living style guide components, so mock-ups automatically update as your style guide evolves. Change the color of buttons on your site, and every button in every mockup will reflect the change.
Instead of a constant back-and-forth with flat images, developers can maintain a strict system of design patterns while collaborators use these building blocks to assemble their own pages.
And because it’s all within the web browser, the layouts you build are interactive and responsive.
Getting started with MixFrame is easy…
Place a reference to our script in your style guide, right before the
Add the MixFrame attribute to each individual component in your style guide. This tells MixFrame what name to display for that element.
<div data-mf-name="Product Tile"> ... </div>
- Open your style guide in Chrome and start building mockups.
- Show your teammates. They’ll be impressed, we promise.
- Learn how to organize your components into categories on the Advanced Options page.
Want to see what this does for you?
Make sure you’re using Chrome and…